@actioneer/ads 0.5.6 → 0.5.8

package/components/ui/dialog.d.ts

@@ -1,11 +1,11 @@
 import { Dialog as DialogPrimitive } from 'radix-ui';
 import * as React from "react";
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function Dialog({ open: openProp, defaultOpen, onOpenChange, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogOverlay({ className, forceMount: _forceMount, asChild: _asChild, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, forceMount: _forceMount, asChild: _asChild, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
 }): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/components/ui/dialog.js

@@ -1,93 +1,130 @@
 "use client";
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { Close as r } from "../../lib/icons.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as s from "react";
+import { Close as b } from "../../lib/icons.js";
 import { Dialog as o } from "radix-ui";
-import { cn as i } from "../../lib/cn.js";
+import { MotionConfig as p, AnimatePresence as h, motion as v } from "motion/react";
+import { cn as u } from "../../lib/cn.js";
 import "./button.js";
-function x({
-  ...t
+import { modalPanelVariants as C, backdropVariants as M } from "../../lib/motion.js";
+const g = s.createContext(!1);
+function j({
+  open: t,
+  defaultOpen: i = !1,
+  onOpenChange: n,
+  children: a,
+  ...r
 }) {
-  return /* @__PURE__ */ a(o.Root, { "data-slot": "dialog", ...t });
+  const l = t !== void 0, [d, x] = s.useState(i), f = l ? t : d;
+  return /* @__PURE__ */ e(g.Provider, { value: f, children: /* @__PURE__ */ e(
+    o.Root,
+    {
+      "data-slot": "dialog",
+      open: f,
+      onOpenChange: (m) => {
+        l || x(m), n == null || n(m);
+      },
+      ...r,
+      children: a
+    }
+  ) });
 }
-function b({
+function R({
   ...t
 }) {
-  return /* @__PURE__ */ a(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function d({
+function D({
   ...t
 }) {
-  return /* @__PURE__ */ a(o.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function g({
+function y({
   className: t,
-  ...e
+  forceMount: i,
+  asChild: n,
+  ...a
 }) {
-  return /* @__PURE__ */ a(
-    o.Overlay,
+  const r = s.useContext(g);
+  return /* @__PURE__ */ e(p, { reducedMotion: "user", children: /* @__PURE__ */ e(h, { initial: !1, children: r && /* @__PURE__ */ e(o.Overlay, { forceMount: !0, asChild: !0, ...a, children: /* @__PURE__ */ e(
+    v.div,
     {
       "data-slot": "dialog-overlay",
-      className: i(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        t
-      ),
-      ...e
+      variants: M,
+      initial: "hidden",
+      animate: "visible",
+      exit: "hidden",
+      className: u("fixed inset-0 z-50 bg-black/50", t)
     }
-  );
+  ) }) }) });
 }
-function h({
+function V({
   className: t,
-  children: e,
-  showCloseButton: l = !0,
-  ...s
+  children: i,
+  showCloseButton: n = !0,
+  forceMount: a,
+  asChild: r,
+  ...l
 }) {
-  return /* @__PURE__ */ n(d, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(g, {}),
-    /* @__PURE__ */ n(
+  const d = s.useContext(g);
+  return /* @__PURE__ */ c(D, { "data-slot": "dialog-portal", forceMount: !0, children: [
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(p, { reducedMotion: "user", children: /* @__PURE__ */ e(h, { initial: !1, children: d && /* @__PURE__ */ e(
       o.Content,
       {
         "data-slot": "dialog-content",
-        className: i(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-(--duration-normal) outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
-          t
-        ),
-        ...s,
-        children: [
-          e,
-          l && /* @__PURE__ */ n(
-            o.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ a(r, {}),
-                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
+        forceMount: !0,
+        className: "pointer-events-none fixed inset-0 z-50 grid place-items-center p-4 outline-none",
+        ...l,
+        children: /* @__PURE__ */ c(
+          v.div,
+          {
+            variants: C,
+            initial: "hidden",
+            animate: "visible",
+            exit: "hidden",
+            className: u(
+              "pointer-events-auto relative grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-lg border bg-background p-6 shadow-lg sm:max-w-lg",
+              t
+            ),
+            children: [
+              i,
+              n && /* @__PURE__ */ c(
+                o.Close,
+                {
+                  "data-slot": "dialog-close",
+                  className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                  children: [
+                    /* @__PURE__ */ e(b, {}),
+                    /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
       }
-    )
+    ) }) })
   ] });
 }
-function v({
+function A({
   className: t,
-  ...e
+  ...i
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(
     o.Title,
     {
       "data-slot": "dialog-title",
-      className: i("text-lg leading-none font-semibold", t),
-      ...e
+      className: u("text-lg leading-none font-medium", t),
+      ...i
     }
   );
 }
 export {
-  x as Dialog,
-  h as DialogContent,
-  g as DialogOverlay,
-  d as DialogPortal,
-  v as DialogTitle,
-  b as DialogTrigger
+  j as Dialog,
+  V as DialogContent,
+  y as DialogOverlay,
+  D as DialogPortal,
+  A as DialogTitle,
+  R as DialogTrigger
 };

package/components/ui/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
 import * as React from "react";
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function Tooltip({ open: openProp, defaultOpen, onOpenChange, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, forceMount, asChild: _asChild, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/components/ui/tooltip.js

@@ -1,56 +1,90 @@
 "use client";
-import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { Tooltip as o } from "radix-ui";
-import { cn as d } from "../../lib/cn.js";
-function f({
-  delayDuration: t = 0,
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Tooltip as i } from "radix-ui";
+import { MotionConfig as x, AnimatePresence as g, motion as v } from "motion/react";
+import { cn as T } from "../../lib/cn.js";
+import { tooltipVariants as h } from "../../lib/motion.js";
+const u = s.createContext(!1);
+function _({
+  delayDuration: o = 0,
   ...r
 }) {
-  return /* @__PURE__ */ i(
-    o.Provider,
+  return /* @__PURE__ */ t(
+    i.Provider,
     {
       "data-slot": "tooltip-provider",
-      delayDuration: t,
+      delayDuration: o,
       ...r
     }
   );
 }
-function m({
-  ...t
+function j({
+  open: o,
+  defaultOpen: r = !1,
+  onOpenChange: e,
+  children: l,
+  ...d
 }) {
-  return /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t });
+  const n = o !== void 0, [a, f] = s.useState(r), c = n ? o : a;
+  return /* @__PURE__ */ t(u.Provider, { value: c, children: /* @__PURE__ */ t(
+    i.Root,
+    {
+      "data-slot": "tooltip",
+      open: c,
+      onOpenChange: (p) => {
+        n || f(p), e == null || e(p);
+      },
+      ...d,
+      children: l
+    }
+  ) });
 }
-function c({
-  ...t
+function w({
+  ...o
 }) {
-  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ t(i.Trigger, { "data-slot": "tooltip-trigger", ...o });
 }
-function u({
-  className: t,
+function y({
+  className: o,
   sideOffset: r = 0,
   children: e,
-  ...a
+  forceMount: l,
+  asChild: d,
+  ...n
 }) {
-  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
-    o.Content,
+  const a = s.useContext(u);
+  return /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(x, { reducedMotion: "user", children: /* @__PURE__ */ t(g, { initial: !1, children: a && /* @__PURE__ */ t(
+    i.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: r,
-      className: d(
-        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        t
-      ),
-      ...a,
-      children: [
-        e,
-        /* @__PURE__ */ i(o.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
-      ]
+      forceMount: l ?? !0,
+      asChild: !0,
+      ...n,
+      children: /* @__PURE__ */ m(
+        v.div,
+        {
+          variants: h,
+          initial: "hidden",
+          animate: "visible",
+          exit: "hidden",
+          className: T(
+            "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background",
+            o
+          ),
+          children: [
+            e,
+            /* @__PURE__ */ t(i.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-sm bg-foreground fill-foreground" })
+          ]
+        }
+      )
     }
-  ) });
+  ) }) }) });
 }
 export {
-  m as Tooltip,
-  u as TooltipContent,
-  f as TooltipProvider,
-  c as TooltipTrigger
+  j as Tooltip,
+  y as TooltipContent,
+  _ as TooltipProvider,
+  w as TooltipTrigger
 };