@actioneer/ads 0.5.9 → 0.7.0

package/components/typography.js

@@ -5,8 +5,8 @@ import { cn as c } from "../lib/cn.js";
 const u = {
   1: { tag: "h1", className: "text-2xl font-medium tracking-tight" },
   2: { tag: "h2", className: "text-xl font-medium tracking-tight" },
-  3: { tag: "h3", className: "text-lg font-medium" },
-  4: { tag: "h4", className: "text-base font-medium" }
+  3: { tag: "h3", className: "text-l font-medium" },
+  4: { tag: "h4", className: "text-m font-medium" }
 }, p = d.forwardRef(
   ({ className: e, level: a = 1, children: t, ...m }, s) => {
     const { tag: r, className: o } = u[a];
@@ -15,10 +15,10 @@ const u = {
 );
 p.displayName = "Heading";
 const y = {
-  xs: "text-xs",
-  sm: "text-xs",
-  md: "text-base",
-  lg: "text-lg"
+  xs: "text-s",
+  sm: "text-s",
+  md: "text-m",
+  lg: "text-l"
 }, N = {
   regular: "font-normal",
   medium: "font-medium",
@@ -29,15 +29,15 @@ const y = {
   tertiary: "text-tertiary"
 }, h = d.forwardRef(
   ({ className: e, size: a = "md", color: t, muted: m = !1, weight: s, as: r = "p", children: o, ...l }, x) => {
-    const g = r, f = t ? n[t] : m ? n.tertiary : n.primary;
+    const f = r, g = t ? n[t] : m ? n.tertiary : n.primary;
     return /* @__PURE__ */ i(
-      g,
+      f,
       {
         ref: x,
         className: c(
           y[a],
           s && N[s],
-          f,
+          g,
           e
         ),
         ...l,
@@ -47,20 +47,20 @@ const y = {
   }
 );
 h.displayName = "Text";
-const b = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ i(
+const C = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ i(
   "code",
   {
     ref: t,
     className: c(
-      "rounded bg-muted px-1.5 py-0.5 tabular-nums text-xs",
+      "rounded bg-muted px-1.5 py-0.5 tabular-nums text-s",
       e
     ),
     ...a
   }
 ));
-b.displayName = "Code";
+C.displayName = "Code";
 export {
-  b as Code,
+  C as Code,
   p as Heading,
   h as Text
 };

package/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "link" | "secondary" | "ghost" | "destructive" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/components/ui/dialog.js

@@ -1,31 +1,31 @@
 "use client";
 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 { Close as _ } from "../../lib/icons.js";
 import { Dialog as o } from "radix-ui";
-import { MotionConfig as p, AnimatePresence as h, motion as v } from "motion/react";
+import { MotionConfig as v, AnimatePresence as x, motion as p } from "motion/react";
 import { cn as u } from "../../lib/cn.js";
 import "./button.js";
-import { modalPanelVariants as C, backdropVariants as M } from "../../lib/motion.js";
-const g = s.createContext(!1);
+import { modalPanelVariants as b, backdropVariants as C } from "../../lib/motion.js";
+const m = s.createContext(!1);
 function j({
   open: t,
   defaultOpen: i = !1,
   onOpenChange: n,
-  children: a,
-  ...r
+  children: r,
+  ...a
 }) {
-  const l = t !== void 0, [d, x] = s.useState(i), f = l ? t : d;
-  return /* @__PURE__ */ e(g.Provider, { value: f, children: /* @__PURE__ */ e(
+  const l = t !== void 0, [d, h] = s.useState(i), f = l ? t : d;
+  return /* @__PURE__ */ e(m.Provider, { value: f, children: /* @__PURE__ */ e(
     o.Root,
     {
       "data-slot": "dialog",
       open: f,
-      onOpenChange: (m) => {
-        l || x(m), n == null || n(m);
+      onOpenChange: (g) => {
+        l || h(g), n == null || n(g);
       },
-      ...r,
-      children: a
+      ...a,
+      children: r
     }
   ) });
 }
@@ -34,23 +34,23 @@ function R({
 }) {
   return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function D({
+function M({
   ...t
 }) {
   return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function y({
+function D({
   className: t,
   forceMount: i,
   asChild: n,
-  ...a
+  ...r
 }) {
-  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,
+  const a = s.useContext(m);
+  return /* @__PURE__ */ e(v, { reducedMotion: "user", children: /* @__PURE__ */ e(x, { initial: !1, children: a && /* @__PURE__ */ e(o.Overlay, { forceMount: !0, asChild: !0, ...r, children: /* @__PURE__ */ e(
+    p.div,
     {
       "data-slot": "dialog-overlay",
-      variants: M,
+      variants: C,
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
@@ -62,14 +62,14 @@ function V({
   className: t,
   children: i,
   showCloseButton: n = !0,
-  forceMount: a,
-  asChild: r,
+  forceMount: r,
+  asChild: a,
   ...l
 }) {
-  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(
+  const d = s.useContext(m);
+  return /* @__PURE__ */ c(M, { "data-slot": "dialog-portal", forceMount: !0, children: [
+    /* @__PURE__ */ e(D, {}),
+    /* @__PURE__ */ e(v, { reducedMotion: "user", children: /* @__PURE__ */ e(x, { initial: !1, children: d && /* @__PURE__ */ e(
       o.Content,
       {
         "data-slot": "dialog-content",
@@ -77,14 +77,14 @@ function V({
         className: "pointer-events-none fixed inset-0 z-50 grid place-items-center p-4 outline-none",
         ...l,
         children: /* @__PURE__ */ c(
-          v.div,
+          p.div,
           {
-            variants: C,
+            variants: b,
             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",
+              "pointer-events-auto relative flex max-h-[calc(100dvh-2rem)] w-full max-w-[38.75rem] flex-col overflow-hidden rounded-xl bg-elevated text-foreground shadow-[0_2px_4px_-1px_rgb(0_0_0/0.34),0_16px_32px_-8px_rgb(0_0_0/0.46)] outline-none max-sm:max-h-[calc(100dvh-1rem)] max-sm:rounded-lg",
               t
             ),
             children: [
@@ -93,9 +93,9 @@ function V({
                 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",
+                  className: "absolute right-2 top-2 z-10 inline-flex size-7 items-center justify-center rounded-sm text-secondary outline-none transition-[background,color,transform] duration-150 ease-out hover:bg-muted hover:text-foreground active:scale-[0.97] focus-visible:ring-3 focus-visible:ring-ring disabled:pointer-events-none motion-reduce:transition-none motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
                   children: [
-                    /* @__PURE__ */ e(b, {}),
+                    /* @__PURE__ */ e(_, {}),
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                   ]
                 }
@@ -115,7 +115,7 @@ function A({
     o.Title,
     {
       "data-slot": "dialog-title",
-      className: u("text-lg leading-none font-medium", t),
+      className: u("text-[15px] font-semibold leading-5", t),
       ...i
     }
   );
@@ -123,8 +123,8 @@ function A({
 export {
   j as Dialog,
   V as DialogContent,
-  y as DialogOverlay,
-  D as DialogPortal,
+  D as DialogOverlay,
+  M as DialogPortal,
   A as DialogTitle,
   R as DialogTrigger
 };