@kopexa/popover 0.0.0-canary-20250718183330

package/README.md

@@ -0,0 +1,24 @@
+# @kopexa/popover
+
+A Quick description of the component
+
+> This is an internal utility, not intended for public usage.
+
+## Installation
+
+```sh
+yarn add @kopexa/popover
+# or
+npm i @kopexa/popover
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/kopexa-grc/sight/blob/master/CONTRIBUTING.md)
+for details.
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/kopexa-grc/sight/blob/master/LICENSE).

package/dist/chunk-EN5K2552.mjs

@@ -0,0 +1,81 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/popover.tsx
+import { TRANSITION_VARIANTS } from "@kopexa/motion-utils";
+import { createContext } from "@kopexa/react-utils";
+import { popover } from "@kopexa/theme";
+import { useControllableState } from "@kopexa/use-controllable-state";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import {
+  AnimatePresence,
+  domAnimation,
+  LazyMotion,
+  motion
+} from "motion/react";
+import { jsx } from "react/jsx-runtime";
+var [PopoverProvider, usePopoverContext] = createContext();
+var PopoverRoot = (props) => {
+  const { open: openProp, onOpenChange, ...restProps } = props;
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = popover();
+  return /* @__PURE__ */ jsx(PopoverProvider, { value: { styles, open }, children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Root,
+    {
+      "data-slot": "popover",
+      open,
+      onOpenChange: setOpen,
+      ...restProps
+    }
+  ) });
+};
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  const { open, styles } = usePopoverContext();
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: styles.content({ className }),
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          animate: "enter",
+          exit: "exit",
+          initial: "initial",
+          variants: TRANSITION_VARIANTS.scaleSpringOpacity
+        }
+      )
+    }
+  ) }) }) : null });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+
+export {
+  __export,
+  PopoverRoot,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverAnchor
+};

package/dist/chunk-YHIC45AQ.mjs

@@ -0,0 +1,21 @@
+"use client";
+import {
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger,
+  __export
+} from "./chunk-EN5K2552.mjs";
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Anchor: () => PopoverAnchor,
+  Content: () => PopoverContent,
+  Root: () => PopoverRoot,
+  Trigger: () => PopoverTrigger
+});
+
+export {
+  namespace_exports
+};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { n as Popover } from './namespace.mjs';
+export { PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps } from './popover.mjs';
+import 'react/jsx-runtime';
+import '@radix-ui/react-popover';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { n as Popover } from './namespace.js';
+export { PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps } from './popover.js';
+import 'react/jsx-runtime';
+import '@radix-ui/react-popover';
+import 'react';

package/dist/index.js

@@ -0,0 +1,119 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Popover: () => namespace_exports,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverRoot: () => PopoverRoot,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Anchor: () => PopoverAnchor,
+  Content: () => PopoverContent,
+  Root: () => PopoverRoot,
+  Trigger: () => PopoverTrigger
+});
+
+// src/popover.tsx
+var import_motion_utils = require("@kopexa/motion-utils");
+var import_react_utils = require("@kopexa/react-utils");
+var import_theme = require("@kopexa/theme");
+var import_use_controllable_state = require("@kopexa/use-controllable-state");
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_react = require("motion/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopoverContext] = (0, import_react_utils.createContext)();
+var PopoverRoot = (props) => {
+  const { open: openProp, onOpenChange, ...restProps } = props;
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = (0, import_theme.popover)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverProvider, { value: { styles, open }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverPrimitive.Root,
+    {
+      "data-slot": "popover",
+      open,
+      onOpenChange: setOpen,
+      ...restProps
+    }
+  ) });
+};
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  const { open, styles } = usePopoverContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.LazyMotion, { features: import_react.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: styles.content({ className }),
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react.motion.div,
+        {
+          animate: "enter",
+          exit: "exit",
+          initial: "initial",
+          variants: import_motion_utils.TRANSITION_VARIANTS.scaleSpringOpacity
+        }
+      )
+    }
+  ) }) }) : null });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+});

package/dist/index.mjs

@@ -0,0 +1,17 @@
+"use client";
+import {
+  namespace_exports
+} from "./chunk-YHIC45AQ.mjs";
+import {
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+} from "./chunk-EN5K2552.mjs";
+export {
+  namespace_exports as Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+};

package/dist/namespace.d.mts

@@ -0,0 +1,10 @@
+import { PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps } from './popover.mjs';
+import 'react/jsx-runtime';
+import '@radix-ui/react-popover';
+import 'react';
+
+declare namespace namespace {
+  export { PopoverAnchor as Anchor, PopoverAnchorProps as AnchorProps, PopoverContent as Content, PopoverContentProps as ContentProps, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps };
+}
+
+export { PopoverAnchor as Anchor, PopoverAnchorProps as AnchorProps, PopoverContent as Content, PopoverContentProps as ContentProps, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps, namespace as n };

package/dist/namespace.d.ts

@@ -0,0 +1,10 @@
+import { PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps } from './popover.js';
+import 'react/jsx-runtime';
+import '@radix-ui/react-popover';
+import 'react';
+
+declare namespace namespace {
+  export { PopoverAnchor as Anchor, PopoverAnchorProps as AnchorProps, PopoverContent as Content, PopoverContentProps as ContentProps, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps };
+}
+
+export { PopoverAnchor as Anchor, PopoverAnchorProps as AnchorProps, PopoverContent as Content, PopoverContentProps as ContentProps, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps, namespace as n };

package/dist/namespace.js

@@ -0,0 +1,108 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Anchor: () => PopoverAnchor,
+  Content: () => PopoverContent,
+  Root: () => PopoverRoot,
+  Trigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(namespace_exports);
+
+// src/popover.tsx
+var import_motion_utils = require("@kopexa/motion-utils");
+var import_react_utils = require("@kopexa/react-utils");
+var import_theme = require("@kopexa/theme");
+var import_use_controllable_state = require("@kopexa/use-controllable-state");
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_react = require("motion/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopoverContext] = (0, import_react_utils.createContext)();
+var PopoverRoot = (props) => {
+  const { open: openProp, onOpenChange, ...restProps } = props;
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = (0, import_theme.popover)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverProvider, { value: { styles, open }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverPrimitive.Root,
+    {
+      "data-slot": "popover",
+      open,
+      onOpenChange: setOpen,
+      ...restProps
+    }
+  ) });
+};
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  const { open, styles } = usePopoverContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.LazyMotion, { features: import_react.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: styles.content({ className }),
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react.motion.div,
+        {
+          animate: "enter",
+          exit: "exit",
+          initial: "initial",
+          variants: import_motion_utils.TRANSITION_VARIANTS.scaleSpringOpacity
+        }
+      )
+    }
+  ) }) }) : null });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Anchor,
+  Content,
+  Root,
+  Trigger
+});

package/dist/namespace.mjs

@@ -0,0 +1,14 @@
+"use client";
+import "./chunk-YHIC45AQ.mjs";
+import {
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+} from "./chunk-EN5K2552.mjs";
+export {
+  PopoverAnchor as Anchor,
+  PopoverContent as Content,
+  PopoverRoot as Root,
+  PopoverTrigger as Trigger
+};

package/dist/popover.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { ComponentProps } from 'react';
+
+type PopoverRootProps = ComponentProps<typeof PopoverPrimitive.Root>;
+declare const PopoverRoot: (props: PopoverRootProps) => react_jsx_runtime.JSX.Element;
+type PopoverTriggerProps = ComponentProps<typeof PopoverPrimitive.Trigger>;
+declare function PopoverTrigger({ ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Content> & {
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+};
+declare function PopoverContent({ className, align, sideOffset, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+type PopoverAnchorProps = ComponentProps<typeof PopoverPrimitive.Anchor>;
+declare function PopoverAnchor({ ...props }: PopoverAnchorProps): react_jsx_runtime.JSX.Element;
+
+export { PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/popover.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { ComponentProps } from 'react';
+
+type PopoverRootProps = ComponentProps<typeof PopoverPrimitive.Root>;
+declare const PopoverRoot: (props: PopoverRootProps) => react_jsx_runtime.JSX.Element;
+type PopoverTriggerProps = ComponentProps<typeof PopoverPrimitive.Trigger>;
+declare function PopoverTrigger({ ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Content> & {
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+};
+declare function PopoverContent({ className, align, sideOffset, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+type PopoverAnchorProps = ComponentProps<typeof PopoverPrimitive.Anchor>;
+declare function PopoverAnchor({ ...props }: PopoverAnchorProps): react_jsx_runtime.JSX.Element;
+
+export { PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/popover.js

@@ -0,0 +1,106 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverRoot: () => PopoverRoot,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_exports);
+var import_motion_utils = require("@kopexa/motion-utils");
+var import_react_utils = require("@kopexa/react-utils");
+var import_theme = require("@kopexa/theme");
+var import_use_controllable_state = require("@kopexa/use-controllable-state");
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_react = require("motion/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopoverContext] = (0, import_react_utils.createContext)();
+var PopoverRoot = (props) => {
+  const { open: openProp, onOpenChange, ...restProps } = props;
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = (0, import_theme.popover)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverProvider, { value: { styles, open }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverPrimitive.Root,
+    {
+      "data-slot": "popover",
+      open,
+      onOpenChange: setOpen,
+      ...restProps
+    }
+  ) });
+};
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  const { open, styles } = usePopoverContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.LazyMotion, { features: import_react.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: styles.content({ className }),
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react.motion.div,
+        {
+          animate: "enter",
+          exit: "exit",
+          initial: "initial",
+          variants: import_motion_utils.TRANSITION_VARIANTS.scaleSpringOpacity
+        }
+      )
+    }
+  ) }) }) : null });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+});

package/dist/popover.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+} from "./chunk-EN5K2552.mjs";
+export {
+  PopoverAnchor,
+  PopoverContent,
+  PopoverRoot,
+  PopoverTrigger
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@kopexa/popover",
+  "version": "0.0.0-canary-20250718183330",
+  "description": "Displays rich content in a portal, triggered by a button.",
+  "keywords": [
+    "popover"
+  ],
+  "author": "Kopexa <hello@kopexa.com>",
+  "homepage": "https://kopexa.com",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kopexa-grc/sight.git",
+    "directory": "packages/components/popover"
+  },
+  "bugs": {
+    "url": "https://github.com/kopexa-grc/sight/issues"
+  },
+  "peerDependencies": {
+    "motion": ">=12.23.6",
+    "react": ">=19.0.0-rc.0",
+    "react-dom": ">=19.0.0-rc.0",
+    "@kopexa/theme": "0.0.0-canary-20250718183330"
+  },
+  "dependencies": {
+    "@radix-ui/react-popover": "^1.1.14",
+    "@kopexa/use-controllable-state": "0.0.0-canary-20250718183330",
+    "@kopexa/react-utils": "0.0.0-canary-20250718183330",
+    "@kopexa/shared-utils": "0.0.0-canary-20250718183330",
+    "@kopexa/motion-utils": "0.0.0-canary-20250718183330"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "pnpm build:fast --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit"
+  }
+}