@agentero/design-system 0.19.0 → 0.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agentero/design-system",
-	"version": "0.19.0",
+	"version": "0.20.1",
 	"description": "A React component library built with Tailwind CSS v4 and Radix UI primitives",
 	"type": "module",
 	"license": "Apache-2.0",
@@ -69,6 +69,10 @@
 			"types": "./src/pagination/index.d.ts",
 			"import": "./src/pagination/index.js"
 		},
+		"./popover": {
+			"types": "./src/popover/index.d.ts",
+			"import": "./src/popover/index.js"
+		},
 		"./progress": {
 			"types": "./src/progress/index.d.ts",
 			"import": "./src/progress/index.js"
@@ -120,6 +124,7 @@
 		"@radix-ui/react-dialog": "^1.1.19",
 		"@radix-ui/react-dropdown-menu": "^2.1.16",
 		"@radix-ui/react-hover-card": "^1.1.19",
+		"@radix-ui/react-popover": "^1.1.15",
 		"@radix-ui/react-progress": "^1.1.12",
 		"@radix-ui/react-separator": "^1.1.8",
 		"@radix-ui/react-slot": "^1.2.4",

package/src/data-table/data-table.js

@@ -98,7 +98,7 @@ var b = a({
 				return /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(r.Row, {
 					className: e("has-aria-expanded:bg-bg-default-base-secondary", i && "cursor-pointer"),
 					onClick: i ? (e) => {
-						S(e.target) || (v ? v(t.original) : n && e.currentTarget.querySelector("[data-row-link]")?.click());
+						S(e.target) || !e.currentTarget.contains(e.target) || (v ? v(t.original) : n && e.currentTarget.querySelector("[data-row-link]")?.click());
 					} : void 0,
 					children: t.getVisibleCells().map((e, t) => {
 						let i = e.column.columnDef.meta;

package/src/popover/index.d.ts

@@ -0,0 +1 @@
+export { Popover, popoverRecipe } from './popover';

package/src/popover/index.js

@@ -0,0 +1,2 @@
+import { Popover as e, popoverRecipe as t } from "./popover.js";
+export { e as Popover, t as popoverRecipe };

package/src/popover/popover.d.ts

@@ -0,0 +1,53 @@
+import { ComponentProps } from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+type RootProps = ComponentProps<typeof PopoverPrimitive.Root>;
+type TriggerProps = ComponentProps<typeof PopoverPrimitive.Trigger>;
+type AnchorProps = ComponentProps<typeof PopoverPrimitive.Anchor>;
+type CloseProps = ComponentProps<typeof PopoverPrimitive.Close>;
+export declare const popoverRecipe: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+type ContentProps = ComponentProps<typeof PopoverPrimitive.Content>;
+/**
+ * Non-modal floating surface anchored to a trigger, built on Radix Popover.
+ * Compose from `Root` / `Trigger` / `Content`, plus optional `Anchor`,
+ * `Close`, and `Portal`. Use for rich interactive overlays (forms, filters,
+ * pickers); prefer `Tooltip` for text hints and `DropdownMenu` for menus.
+ *
+ * @summary Compound floating surface for interactive overlays
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/popover|Radix UI Popover}
+ *
+ * @example
+ * ```tsx
+ * <Popover.Root>
+ *   <Popover.Trigger asChild>
+ *     <Button>Filters</Button>
+ *   </Popover.Trigger>
+ *   <Popover.Content align="start">
+ *     <FiltersForm />
+ *   </Popover.Content>
+ * </Popover.Root>
+ * ```
+ */
+export declare const Popover: {
+    Root: {
+        (props: RootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: TriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Anchor: {
+        (props: AnchorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        (props: CloseProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Portal: import('react').FC<PopoverPrimitive.PopoverPortalProps>;
+    Content: {
+        ({ className, sideOffset, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export {};

package/src/popover/popover.js

@@ -0,0 +1,53 @@
+"use client";
+import { tv as e } from "tailwind-variants";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+//#region src/popover/popover.tsx
+var r = (e) => /* @__PURE__ */ t(n.Root, {
+	"data-slot": "popover-root",
+	...e
+});
+r.displayName = "Popover.Root";
+var i = (e) => /* @__PURE__ */ t(n.Trigger, {
+	"data-slot": "popover-trigger",
+	...e
+});
+i.displayName = "Popover.Trigger";
+var a = (e) => /* @__PURE__ */ t(n.Anchor, {
+	"data-slot": "popover-anchor",
+	...e
+});
+a.displayName = "Popover.Anchor";
+var o = (e) => /* @__PURE__ */ t(n.Close, {
+	"data-slot": "popover-close",
+	...e
+});
+o.displayName = "Popover.Close";
+var s = n.Portal, c = e({ base: [
+	"z-(--z-index-flyover) rounded-md bg-bg-default-base-primary px-2 py-3 shadow-md",
+	"border border-border-default-base-primary",
+	"will-change-[transform,opacity]",
+	"origin-(--radix-popover-content-transform-origin)",
+	"data-[state=open]:data-[side=bottom]:animate-dropdown-slide-in-from-top",
+	"data-[state=open]:data-[side=left]:animate-dropdown-slide-in-from-right",
+	"data-[state=open]:data-[side=right]:animate-dropdown-slide-in-from-left",
+	"data-[state=open]:data-[side=top]:animate-dropdown-slide-in-from-bottom",
+	"data-[state=closed]:animate-dropdown-slide-out",
+	"motion-reduce:animate-none!"
+] }), l = ({ className: e, sideOffset: r = 1, ...i }) => /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
+	"data-slot": "popover-content",
+	sideOffset: r,
+	className: c({ className: e }),
+	...i
+}) });
+l.displayName = "Popover.Content";
+var u = {
+	Root: r,
+	Trigger: i,
+	Anchor: a,
+	Close: o,
+	Portal: s,
+	Content: l
+};
+//#endregion
+export { u as Popover, c as popoverRecipe };