@actioneer/ads 0.7.0 → 1.0.0

package/components/tabs.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as m, jsxs as E } from "react/jsx-runtime";
+import { jsx as p, jsxs as E } from "react/jsx-runtime";
 import * as r from "react";
 import { MotionConfig as $, motion as M } from "motion/react";
 import { cva as L } from "class-variance-authority";
-import { cn as p } from "../lib/cn.js";
+import { cn as b } from "../lib/cn.js";
 import { springControl as U } from "../lib/motion.js";
 const N = (o, e, t) => `${o}-${e}-${encodeURIComponent(t).replaceAll("%", "_")}`, P = r.createContext(null);
 function z(o) {
@@ -18,13 +18,13 @@ const _ = r.forwardRef(
     value: e,
     defaultValue: t,
     onValueChange: a,
-    variant: g,
-    orientation: d = "horizontal",
-    size: b,
+    variant: y,
+    orientation: c = "horizontal",
+    size: m,
     children: R,
     ...A
-  }, S) => {
-    const x = e !== void 0, [y, v] = r.useState(t), T = r.useId().replaceAll(":", ""), c = r.useId(), w = r.useRef([]), h = r.useRef(/* @__PURE__ */ new Set()), f = x ? e : y, I = r.useCallback(
+  }, k) => {
+    const x = e !== void 0, [g, v] = r.useState(t), T = r.useId().replaceAll(":", ""), d = r.useId(), w = r.useRef([]), h = r.useRef(/* @__PURE__ */ new Set()), f = x ? e : g, I = r.useCallback(
       (l) => {
         x || v(l), a == null || a(l);
       },
@@ -39,41 +39,41 @@ const _ = r.forwardRef(
         registerTab: i,
         tabs: w,
         disabled: h,
-        thumbId: c,
-        orientation: d
+        thumbId: d,
+        orientation: c
       }),
       [
         f,
         I,
         T,
         i,
-        c,
-        d
+        d,
+        c
       ]
     );
-    return /* @__PURE__ */ m(P.Provider, { value: s, children: /* @__PURE__ */ m(
+    return /* @__PURE__ */ p(P.Provider, { value: s, children: /* @__PURE__ */ p(
       "div",
       {
-        ref: S,
-        "data-orientation": d,
+        ref: k,
+        "data-orientation": c,
         "data-variant": "primary",
-        className: p(
+        className: b(
           "flex w-full gap-4",
-          d === "horizontal" ? "flex-col" : "flex-row",
+          c === "horizontal" ? "flex-col" : "flex-row",
           o
         ),
         ...A,
-        children: /* @__PURE__ */ m($, { reducedMotion: "user", children: R })
+        children: /* @__PURE__ */ p($, { reducedMotion: "user", children: R })
       }
     ) });
   }
 );
 _.displayName = "Tabs";
-const C = L("inline-flex gap-0 text-m", {
+const C = L("inline-flex text-l", {
   variants: {
     orientation: {
-      horizontal: "w-full self-start flex-row items-center gap-6 overflow-x-auto border-b border-border",
-      vertical: "flex-col items-stretch border-r border-border"
+      horizontal: "w-full self-start flex-row items-center gap-4 overflow-x-auto border-b border-table-stroke",
+      vertical: "flex-col items-stretch gap-0 border-r border-table-stroke"
     }
   },
   defaultVariants: {
@@ -82,7 +82,7 @@ const C = L("inline-flex gap-0 text-m", {
 }), B = r.forwardRef(
   ({ className: o, ...e }, t) => {
     const { orientation: a } = z("TabList");
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ p(
       "div",
       {
         ref: t,
@@ -90,7 +90,7 @@ const C = L("inline-flex gap-0 text-m", {
         "aria-orientation": a,
         "data-orientation": a,
         "data-variant": "primary",
-        className: p(C({ orientation: a }), o),
+        className: b(C({ orientation: a }), o),
         ...e
       }
     );
@@ -98,8 +98,8 @@ const C = L("inline-flex gap-0 text-m", {
 );
 B.displayName = "TabList";
 const H = L(
-  p(
-    "relative inline-flex items-center whitespace-nowrap font-medium select-none",
+  b(
+    "relative inline-flex items-center whitespace-nowrap select-none",
     "transition-colors duration-150 cursor-pointer",
     "outline-none focus-visible:ring-3 focus-visible:ring-ring",
     "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed"
@@ -111,8 +111,8 @@ const H = L(
         vertical: "h-8 justify-start px-3 pr-4 -mr-px"
       },
       selected: {
-        true: "text-action-primary-text",
-        false: "text-muted-foreground hover:text-foreground"
+        true: "font-medium text-action-primary-text",
+        false: "font-normal text-secondary hover:text-foreground"
       }
     },
     defaultVariants: {
@@ -121,24 +121,24 @@ const H = L(
     }
   }
 ), O = r.forwardRef(
-  ({ className: o, value: e, isDisabled: t, count: a, children: g, onClick: d, onKeyDown: b, ...R }, A) => {
+  ({ className: o, value: e, isDisabled: t, count: a, children: y, onClick: c, onKeyDown: m, ...R }, A) => {
     const {
-      value: S,
+      value: k,
       setValue: x,
-      baseId: y,
+      baseId: g,
       registerTab: v,
       tabs: T,
-      disabled: c,
+      disabled: d,
       thumbId: w,
       orientation: h
-    } = z("Tab"), f = S === e;
+    } = z("Tab"), f = k === e;
     r.useEffect(() => {
       v(e);
     }, [v, e]), r.useEffect(() => {
-      t ? c.current.add(e) : c.current.delete(e);
-    }, [c, t, e]);
+      t ? d.current.add(e) : d.current.delete(e);
+    }, [d, t, e]);
     const I = (i) => {
-      if (b == null || b(i), i.defaultPrevented) return;
+      if (m == null || m(i), i.defaultPrevented) return;
       const s = T.current, l = s.indexOf(e);
       if (l === -1) return;
       const V = h === "vertical" ? ["ArrowDown"] : ["ArrowRight", "ArrowDown"], j = h === "vertical" ? ["ArrowUp"] : ["ArrowLeft", "ArrowUp"];
@@ -147,17 +147,17 @@ const H = L(
         n = l;
         do
           n = (n + 1) % s.length;
-        while (c.current.has(s[n]) && n !== l);
+        while (d.current.has(s[n]) && n !== l);
       } else if (j.includes(i.key)) {
         n = l;
         do
           n = (n - 1 + s.length) % s.length;
-        while (c.current.has(s[n]) && n !== l);
+        while (d.current.has(s[n]) && n !== l);
       } else if (i.key === "Home")
-        n = s.findIndex((u) => !c.current.has(u));
+        n = s.findIndex((u) => !d.current.has(u));
       else if (i.key === "End") {
         for (let u = s.length - 1; u >= 0; u--)
-          if (!c.current.has(s[u])) {
+          if (!d.current.has(s[u])) {
             n = u;
             break;
           }
@@ -166,8 +166,8 @@ const H = L(
         i.preventDefault();
         const u = s[n];
         x(u);
-        const k = document.getElementById(N(y, "tab", u));
-        k == null || k.focus();
+        const S = document.getElementById(N(g, "tab", u));
+        S == null || S.focus();
       }
     };
     return /* @__PURE__ */ E(
@@ -176,41 +176,50 @@ const H = L(
         ref: A,
         type: "button",
         role: "tab",
-        id: N(y, "tab", e),
+        id: N(g, "tab", e),
         "aria-selected": f,
         "aria-disabled": t || void 0,
         disabled: t,
         "data-selected": f || void 0,
         "data-disabled": t || void 0,
         tabIndex: f && !t ? 0 : -1,
-        className: p(
+        className: b(
           H({ orientation: h, selected: f }),
           o
         ),
         onClick: (i) => {
-          d == null || d(i), t || x(e);
+          c == null || c(i), t || x(e);
         },
         onKeyDown: I,
         ...R,
         children: [
-          f && /* @__PURE__ */ m(
+          f && /* @__PURE__ */ p(
             M.span,
             {
               layoutId: w,
               "aria-hidden": !0,
               transition: U,
-              className: p(
+              className: b(
                 "absolute bg-action-primary",
                 h === "horizontal" ? "left-0 right-0 bottom-0 h-0.5" : "top-0 bottom-0 right-0 w-0.5"
               )
             }
           ),
           /* @__PURE__ */ E("span", { className: "relative inline-flex items-center gap-1", children: [
-            g,
-            a != null && /* @__PURE__ */ E("span", { className: "tabular-nums text-muted-foreground", children: [
-              "· ",
-              a
-            ] })
+            y,
+            a != null && /* @__PURE__ */ E(
+              "span",
+              {
+                className: b(
+                  "tabular-nums",
+                  f ? "text-action-primary-text" : "text-secondary"
+                ),
+                children: [
+                  "· ",
+                  a
+                ]
+              }
+            )
           ] })
         ]
       }
@@ -221,13 +230,13 @@ O.displayName = "Tab";
 const q = r.forwardRef(
   ({ className: o, ...e }, t) => {
     const { orientation: a } = z("TabSeparator");
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ p(
       "span",
       {
         ref: t,
         "aria-hidden": !0,
         role: "separator",
-        className: p(
+        className: b(
           "shrink-0 bg-border",
           a === "horizontal" ? "mx-1 h-4 w-px" : "my-1 h-px w-full",
           o
@@ -239,17 +248,17 @@ const q = r.forwardRef(
 );
 q.displayName = "TabSeparator";
 const F = r.forwardRef(
-  ({ className: o, value: e, children: t, ...a }, g) => {
-    const { value: d, baseId: b } = z("TabPanel");
-    return d !== e ? null : /* @__PURE__ */ m(
+  ({ className: o, value: e, children: t, ...a }, y) => {
+    const { value: c, baseId: m } = z("TabPanel");
+    return c !== e ? null : /* @__PURE__ */ p(
       "div",
       {
-        ref: g,
+        ref: y,
         role: "tabpanel",
-        id: N(b, "panel", e),
-        "aria-labelledby": N(b, "tab", e),
+        id: N(m, "panel", e),
+        "aria-labelledby": N(m, "tab", e),
         tabIndex: 0,
-        className: p(
+        className: b(
           "flex-1 outline-none focus-visible:ring-3 focus-visible:ring-ring rounded-sm",
           o
         ),

package/components/tree.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as e, jsxs as n, Fragment as T } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as T } from "react/jsx-runtime";
 import * as t from "react";
 import { MotionConfig as M, AnimatePresence as $, motion as D } from "motion/react";
 import { cn as f } from "../lib/cn.js";
 import { ChevronRight as V, FileText as W } from "../lib/icons.js";
 import { springDisclosure as q } from "../lib/motion.js";
 const B = t.forwardRef(
-  ({ className: u, variant: a = "default", ...m }, i) => /* @__PURE__ */ e(
+  ({ className: u, variant: a = "default", ...m }, n) => /* @__PURE__ */ e(
     "div",
     {
-      ref: i,
+      ref: n,
       role: "tree",
       "data-variant": a,
       className: f("group/tree flex flex-col gap-0.5 text-xs", u),
@@ -23,26 +23,26 @@ const E = t.forwardRef(
     className: u,
     label: a,
     icon: m,
-    count: i,
+    count: n,
     endContent: v,
     defaultExpanded: R = !1,
     expanded: x,
     onExpandedChange: g,
-    href: y,
+    href: w,
     isActive: s,
     onSelect: b,
     children: l,
     ..._
   }, j) => {
-    const o = t.Children.count(l) > 0, N = x !== void 0, [z, F] = t.useState(R), r = N ? x : z, w = (c) => {
-      N || F(c), g == null || g(c);
+    const o = t.Children.count(l) > 0, y = x !== void 0, [z, F] = t.useState(R), r = y ? x : z, N = (c) => {
+      y || F(c), g == null || g(c);
     }, d = f(
       "group/tree-row flex h-9 w-full items-center gap-1.5 rounded-md px-2 text-left",
       "outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring",
       "[&_svg]:size-4 [&_svg]:shrink-0",
-      "group-data-[variant=sidebar]/tree:border group-data-[variant=sidebar]/tree:border-transparent group-data-[variant=sidebar]/tree:text-ng11",
-      "group-data-[variant=sidebar]/tree:[&_svg]:size-5 group-data-[variant=sidebar]/tree:[&_svg]:text-ng11",
-      s ? "bg-fill font-normal text-foreground group-data-[variant=sidebar]/tree:border-ng4 group-data-[variant=sidebar]/tree:bg-ng2 group-data-[variant=sidebar]/tree:text-ng11" : "text-muted-foreground hover:bg-fill/60 hover:text-foreground group-data-[variant=sidebar]/tree:hover:bg-ng1 group-data-[variant=sidebar]/tree:hover:text-ng11"
+      "group-data-[variant=sidebar]/tree:border group-data-[variant=sidebar]/tree:border-transparent group-data-[variant=sidebar]/tree:text-wg11",
+      "group-data-[variant=sidebar]/tree:[&_svg]:size-5 group-data-[variant=sidebar]/tree:[&_svg]:text-wg11",
+      s ? "bg-fill font-normal text-foreground group-data-[variant=sidebar]/tree:border-wg4 group-data-[variant=sidebar]/tree:bg-wg2 group-data-[variant=sidebar]/tree:text-wg11" : "text-muted-foreground hover:bg-fill/60 hover:text-foreground group-data-[variant=sidebar]/tree:hover:bg-wg1 group-data-[variant=sidebar]/tree:hover:text-wg11"
     ), p = m ?? (o ? null : /* @__PURE__ */ e(W, { className: "text-tertiary" })), k = s && t.isValidElement(p) ? t.cloneElement(
       p,
       { weight: "fill" }
@@ -55,18 +55,18 @@ const E = t.forwardRef(
         ),
         strokeWidth: 2
       }
-    ), I = (i ?? t.Children.count(l)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-xs text-tertiary", children: i ?? t.Children.count(l) }), h = /* @__PURE__ */ n(T, { children: [
+    ), I = (n ?? t.Children.count(l)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-xs text-tertiary", children: n ?? t.Children.count(l) }), h = /* @__PURE__ */ i(T, { children: [
       k,
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: a }),
       v,
-      o && /* @__PURE__ */ n(T, { children: [
+      o && /* @__PURE__ */ i(T, { children: [
         I,
         C
       ] })
     ] });
-    return /* @__PURE__ */ n("div", { ref: j, role: "treeitem", "aria-expanded": o ? r : void 0, "aria-selected": s, className: u, ..._, children: [
-      o && b ? /* @__PURE__ */ n("div", { className: d, children: [
-        /* @__PURE__ */ n(
+    return /* @__PURE__ */ i("div", { ref: j, role: "treeitem", "aria-expanded": o ? r : void 0, "aria-selected": s, className: u, ..._, children: [
+      o && b ? /* @__PURE__ */ i("div", { className: d, children: [
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
@@ -87,11 +87,11 @@ const E = t.forwardRef(
             "aria-label": `${r ? "Collapse" : "Expand"} ${typeof a == "string" ? a : "tree item"}`,
             "aria-expanded": r,
             className: "inline-flex size-7 shrink-0 items-center justify-center rounded-sm outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
-            onClick: () => w(!r),
+            onClick: () => N(!r),
             children: C
           }
         )
-      ] }) : o ? /* @__PURE__ */ e("button", { type: "button", className: d, onClick: () => w(!r), children: h }) : y ? /* @__PURE__ */ e("a", { href: y, className: d, "aria-current": s ? "page" : void 0, children: h }) : /* @__PURE__ */ e("button", { type: "button", className: d, onClick: b, children: h }),
+      ] }) : o ? /* @__PURE__ */ e("button", { type: "button", className: d, onClick: () => N(!r), children: h }) : w ? /* @__PURE__ */ e("a", { href: w, className: d, "aria-current": s ? "page" : void 0, children: h }) : /* @__PURE__ */ e("button", { type: "button", className: d, onClick: b, children: h }),
       /* @__PURE__ */ e(M, { reducedMotion: "user", children: /* @__PURE__ */ e($, { initial: !1, children: o && r && /* @__PURE__ */ e(
         D.div,
         {

package/components/typography.d.ts

@@ -4,7 +4,7 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
 }
 export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 declare const textSizes: {
-    readonly xs: "text-s";
+    readonly xs: "text-xs";
     readonly sm: "text-s";
     readonly md: "text-m";
     readonly lg: "text-l";

package/components/typography.js

@@ -15,7 +15,7 @@ const u = {
 );
 p.displayName = "Heading";
 const y = {
-  xs: "text-s",
+  xs: "text-xs",
   sm: "text-s",
   md: "text-m",
   lg: "text-l"

package/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
+    size?: "xs" | "default" | "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> & {
     asChild?: boolean;

package/components/ui/button.js

@@ -9,8 +9,8 @@ const u = a(
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        outline: "border bg-background shadow-100 hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
@@ -32,7 +32,7 @@ const u = a(
     }
   }
 );
-function f({
+function p({
   className: o,
   variant: e = "default",
   size: t = "default",
@@ -52,6 +52,6 @@ function f({
   );
 }
 export {
-  f as Button,
+  p as Button,
   u as buttonVariants
 };

package/components/ui/dialog.js

@@ -1,28 +1,28 @@
 "use client";
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import * as s from "react";
-import { Close as _ } from "../../lib/icons.js";
+import { Close as b } from "../../lib/icons.js";
 import { Dialog as o } from "radix-ui";
-import { MotionConfig as v, AnimatePresence as x, motion as p } from "motion/react";
+import { MotionConfig as v, AnimatePresence as h, motion as x } from "motion/react";
 import { cn as u } from "../../lib/cn.js";
 import "./button.js";
-import { modalPanelVariants as b, backdropVariants as C } from "../../lib/motion.js";
+import { modalPanelVariants as C, backdropVariants as M } from "../../lib/motion.js";
 const m = s.createContext(!1);
-function j({
+function k({
   open: t,
   defaultOpen: i = !1,
   onOpenChange: n,
   children: r,
   ...a
 }) {
-  const l = t !== void 0, [d, h] = s.useState(i), f = l ? t : d;
+  const l = t !== void 0, [d, p] = 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: (g) => {
-        l || h(g), n == null || n(g);
+        l || p(g), n == null || n(g);
       },
       ...a,
       children: r
@@ -34,27 +34,27 @@ function R({
 }) {
   return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function M({
+function D({
   ...t
 }) {
   return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function D({
+function y({
   className: t,
   forceMount: i,
   asChild: n,
   ...r
 }) {
   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,
+  return /* @__PURE__ */ e(v, { reducedMotion: "user", children: /* @__PURE__ */ e(h, { initial: !1, children: a && /* @__PURE__ */ e(o.Overlay, { forceMount: !0, asChild: !0, ...r, children: /* @__PURE__ */ e(
+    x.div,
     {
       "data-slot": "dialog-overlay",
-      variants: C,
+      variants: M,
       initial: "hidden",
       animate: "visible",
       exit: "hidden",
-      className: u("fixed inset-0 z-50 bg-black/50", t)
+      className: u("fixed inset-0 z-50 bg-overlay", t)
     }
   ) }) }) });
 }
@@ -67,9 +67,9 @@ function V({
   ...l
 }) {
   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(
+  return /* @__PURE__ */ c(D, { "data-slot": "dialog-portal", forceMount: !0, children: [
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(v, { reducedMotion: "user", children: /* @__PURE__ */ e(h, { 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(
-          p.div,
+          x.div,
           {
-            variants: b,
+            variants: C,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
             className: u(
-              "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",
+              "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-400 outline-none max-sm:max-h-[calc(100dvh-1rem)] max-sm:rounded-lg",
               t
             ),
             children: [
@@ -95,7 +95,7 @@ function V({
                   "data-slot": "dialog-close",
                   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(_, {}),
+                    /* @__PURE__ */ e(b, {}),
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                   ]
                 }
@@ -115,16 +115,16 @@ function A({
     o.Title,
     {
       "data-slot": "dialog-title",
-      className: u("text-[15px] font-semibold leading-5", t),
+      className: u("text-l font-semibold leading-5", t),
       ...i
     }
   );
 }
 export {
-  j as Dialog,
+  k as Dialog,
   V as DialogContent,
-  D as DialogOverlay,
-  M as DialogPortal,
+  y as DialogOverlay,
+  D as DialogPortal,
   A as DialogTitle,
   R as DialogTrigger
 };