@arcadeai/design-system 3.39.0 → 3.39.2

package/dist/components/ui/atoms/alert-dialog.d.ts

@@ -1,15 +1,19 @@
-import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from './button';
 import type * as React from "react";
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/atoms/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGtD,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,2CAEjE;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,2CAI3E;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,2CAIzE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,2CAWrC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,2CAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAW/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAQrC;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GACjC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAS9D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/components/ui/atoms/alert-dialog.js

@@ -1,248 +1,214 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { buttonVariants as m } from "./button.js";
-import { cn as s } from "../../../lib/utils.js";
-import * as i from "react";
-import { c as $ } from "../../../index-DFZozV_h.js";
-import { u as A, a as M } from "../../../index-D2LZVjSn.js";
-import { R as I, C as D, W as z, a as F, D as L, O as j, P as G, T as W, b as k, c as v } from "../../../index-By-GFSsC.js";
-import { c as H } from "../../../index-B695uy69.js";
-var N = "AlertDialog", [V] = $(N, [
-  v
-]), n = v(), y = (e) => {
-  const { __scopeAlertDialog: t, ...o } = e, r = n(t);
-  return /* @__PURE__ */ a(I, { ...r, ...o, modal: !0 });
-};
-y.displayName = N;
-var Y = "AlertDialogTrigger", _ = i.forwardRef(
-  (e, t) => {
-    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
-    return /* @__PURE__ */ a(k, { ...l, ...r, ref: t });
-  }
-);
-_.displayName = Y;
-var q = "AlertDialogPortal", x = (e) => {
-  const { __scopeAlertDialog: t, ...o } = e, r = n(t);
-  return /* @__PURE__ */ a(G, { ...r, ...o });
-};
-x.displayName = q;
-var B = "AlertDialogOverlay", h = i.forwardRef(
-  (e, t) => {
-    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
-    return /* @__PURE__ */ a(j, { ...l, ...r, ref: t });
-  }
-);
-h.displayName = B;
-var c = "AlertDialogContent", [J, K] = V(c), Q = M("AlertDialogContent"), C = i.forwardRef(
-  (e, t) => {
-    const { __scopeAlertDialog: o, children: r, ...l } = e, p = n(o), g = i.useRef(null), O = A(t, g), u = i.useRef(null);
-    return /* @__PURE__ */ a(
-      z,
-      {
-        contentName: c,
-        titleName: R,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ a(J, { scope: o, cancelRef: u, children: /* @__PURE__ */ f(
-          F,
-          {
-            role: "alertdialog",
-            ...p,
-            ...l,
-            ref: O,
-            onOpenAutoFocus: H(l.onOpenAutoFocus, (d) => {
-              d.preventDefault(), u.current?.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (d) => d.preventDefault(),
-            onInteractOutside: (d) => d.preventDefault(),
-            children: [
-              /* @__PURE__ */ a(Q, { children: r }),
-              /* @__PURE__ */ a(X, { contentRef: g })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-C.displayName = c;
-var R = "AlertDialogTitle", b = i.forwardRef(
-  (e, t) => {
-    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
-    return /* @__PURE__ */ a(W, { ...l, ...r, ref: t });
-  }
-);
-b.displayName = R;
-var E = "AlertDialogDescription", P = i.forwardRef((e, t) => {
-  const { __scopeAlertDialog: o, ...r } = e, l = n(o);
-  return /* @__PURE__ */ a(L, { ...l, ...r, ref: t });
-});
-P.displayName = E;
-var U = "AlertDialogAction", T = i.forwardRef(
-  (e, t) => {
-    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
-    return /* @__PURE__ */ a(D, { ...l, ...r, ref: t });
-  }
-);
-T.displayName = U;
-var S = "AlertDialogCancel", w = i.forwardRef(
-  (e, t) => {
-    const { __scopeAlertDialog: o, ...r } = e, { cancelRef: l } = K(S, o), p = n(o), g = A(t, l);
-    return /* @__PURE__ */ a(D, { ...p, ...r, ref: g });
-  }
-);
-w.displayName = S;
-var X = ({ contentRef: e }) => {
-  const t = `\`${c}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${c}\` by passing a \`${E}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return i.useEffect(() => {
-    document.getElementById(
-      e.current?.getAttribute("aria-describedby")
-    ) || console.warn(t);
-  }, [t, e]), null;
-}, Z = y, ee = _, te = x, ae = h, oe = C, re = T, le = w, ie = b, ne = P;
-function De({
-  ...e
-}) {
-  return /* @__PURE__ */ a(Z, { "data-slot": "alert-dialog", ...e });
+"use client";
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
+import { Button as g } from "./button.js";
+import { cn as l } from "../../../lib/utils.js";
+import * as z from "react";
+import { a as h } from "../../../useRenderElement-DNB2vtF1.js";
+import { u as A, g as b, h as v, i as P, D as w, a as y, b as N, c as R, d as I, e as T, f as k } from "../../../DialogTrigger-CFUE8YsM.js";
+function O(t) {
+  const {
+    children: e,
+    open: r,
+    defaultOpen: n = !1,
+    onOpenChange: u,
+    onOpenChangeComplete: c,
+    actionsRef: p,
+    handle: f,
+    triggerId: i,
+    defaultTriggerId: m = null
+  } = t, d = A(), s = !!d, o = h(() => f?.store ?? new b({
+    open: n,
+    openProp: r,
+    activeTriggerId: m,
+    triggerIdProp: i,
+    modal: !0,
+    disablePointerDismissal: !0,
+    nested: s,
+    role: "alertdialog"
+  })).current;
+  o.useControlledProp("openProp", r), o.useControlledProp("triggerIdProp", i), o.useSyncedValue("nested", s), o.useContextCallback("onOpenChange", u), o.useContextCallback("onOpenChangeComplete", c);
+  const x = o.useState("payload");
+  v({
+    store: o,
+    actionsRef: p,
+    parentContext: d?.store.context
+  });
+  const D = z.useMemo(() => ({
+    store: o
+  }), [o]);
+  return /* @__PURE__ */ a(P.Provider, {
+    value: D,
+    children: typeof e == "function" ? e({
+      payload: x
+    }) : e
+  });
 }
-function ve({
-  ...e
-}) {
-  return /* @__PURE__ */ a(ee, { "data-slot": "alert-dialog-trigger", ...e });
+function H({ ...t }) {
+  return /* @__PURE__ */ a(O, { "data-slot": "alert-dialog", ...t });
 }
-function se({
-  ...e
-}) {
-  return /* @__PURE__ */ a(te, { "data-slot": "alert-dialog-portal", ...e });
+function W({ ...t }) {
+  return /* @__PURE__ */ a(k, { "data-slot": "alert-dialog-trigger", ...t });
 }
-function ce({
-  className: e,
-  ...t
+function j({ ...t }) {
+  return /* @__PURE__ */ a(I, { "data-slot": "alert-dialog-portal", ...t });
+}
+function _({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ a(
-    ae,
+    R,
     {
-      className: s(
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
-        e
+      className: l(
+        "data-open:fade-in-0 data-closed:fade-out-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs",
+        t
       ),
       "data-slot": "alert-dialog-overlay",
-      ...t
+      ...e
     }
   );
 }
-function Ne({
-  className: e,
-  ...t
+function q({
+  className: t,
+  size: e = "default",
+  ...r
 }) {
-  return /* @__PURE__ */ f(se, { children: [
-    /* @__PURE__ */ a(ce, {}),
+  return /* @__PURE__ */ C(j, { children: [
+    /* @__PURE__ */ a(_, {}),
     /* @__PURE__ */ a(
-      oe,
+      y,
       {
-        className: s(
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
-          e
+        className: l(
+          "group/alert-dialog-content data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground outline-none ring-1 ring-foreground/10 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-closed:animate-out data-open:animate-in data-[size=default]:sm:max-w-lg",
+          t
         ),
+        "data-size": e,
         "data-slot": "alert-dialog-content",
-        ...t
+        ...r
       }
     )
   ] });
 }
-function ye({
-  className: e,
-  ...t
+function E({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: s("flex flex-col gap-2 text-center sm:text-left", e),
+      className: l(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        t
+      ),
       "data-slot": "alert-dialog-header",
-      ...t
+      ...e
     }
   );
 }
-function _e({
-  className: e,
-  ...t
+function G({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: s(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        e
+      className: l(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        t
       ),
       "data-slot": "alert-dialog-footer",
-      ...t
+      ...e
     }
   );
 }
-function xe({
-  className: e,
-  ...t
+function J({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: l(
+        "mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
+        t
+      ),
+      "data-slot": "alert-dialog-media",
+      ...e
+    }
+  );
+}
+function K({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ a(
-    ie,
+    T,
     {
-      className: s("font-semibold text-lg", e),
+      className: l(
+        "font-medium text-lg sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        t
+      ),
       "data-slot": "alert-dialog-title",
-      ...t
+      ...e
     }
   );
 }
-function he({
-  className: e,
-  ...t
+function L({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ a(
-    ne,
+    N,
     {
-      className: s("text-muted-foreground text-sm", e),
+      className: l(
+        "text-balance text-muted-foreground text-sm md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        t
+      ),
       "data-slot": "alert-dialog-description",
-      ...t
+      ...e
     }
   );
 }
-function Ce({
-  className: e,
-  ...t
+function Q({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ a(
-    re,
+    g,
     {
-      className: s(m(), e),
-      ...t
+      className: l(t),
+      "data-slot": "alert-dialog-action",
+      ...e
     }
   );
 }
-function Re({
-  className: e,
-  ...t
+function U({
+  className: t,
+  variant: e = "outline",
+  size: r = "default",
+  ...n
 }) {
   return /* @__PURE__ */ a(
-    le,
+    w,
     {
-      className: s(m({ variant: "outline" }), e),
-      ...t
+      className: l(t),
+      "data-slot": "alert-dialog-cancel",
+      render: /* @__PURE__ */ a(g, { size: r, variant: e }),
+      ...n
     }
   );
 }
 export {
-  De as AlertDialog,
-  Ce as AlertDialogAction,
-  Re as AlertDialogCancel,
-  Ne as AlertDialogContent,
-  he as AlertDialogDescription,
-  _e as AlertDialogFooter,
-  ye as AlertDialogHeader,
-  ce as AlertDialogOverlay,
-  se as AlertDialogPortal,
-  xe as AlertDialogTitle,
-  ve as AlertDialogTrigger
+  H as AlertDialog,
+  Q as AlertDialogAction,
+  U as AlertDialogCancel,
+  q as AlertDialogContent,
+  L as AlertDialogDescription,
+  G as AlertDialogFooter,
+  E as AlertDialogHeader,
+  J as AlertDialogMedia,
+  _ as AlertDialogOverlay,
+  j as AlertDialogPortal,
+  K as AlertDialogTitle,
+  W as AlertDialogTrigger
 };

package/dist/components/ui/atoms/alert.d.ts

@@ -7,5 +7,6 @@ declare const alertVariants: (props?: ({
 declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertDescription, AlertTitle };
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/atoms/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/atoms/alert.js

@@ -1,14 +1,14 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../index-UgeK3A8s.js";
-import { cn as e } from "../../../lib/utils.js";
-const n = i(
-  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../../index-UgeK3A8s.js";
+import { cn as a } from "../../../lib/utils.js";
+const o = s(
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 has-data-[slot=alert-action]:pr-18 *:[svg:not([class*='size-'])]:size-4 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current",
   {
     variants: {
       variant: {
         default: "bg-card text-card-foreground",
-        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
-        warning: "border-warning [&>svg]:text-warning"
+        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
+        warning: "border-warning *:[svg]:text-warning"
       }
     },
     defaultVariants: {
@@ -18,50 +18,61 @@ const n = i(
 );
 function c({
   className: t,
-  variant: r,
-  ...s
+  variant: e,
+  ...n
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: e(n({ variant: r }), t),
+      className: a(o({ variant: e }), t),
       "data-slot": "alert",
       role: "alert",
-      ...s
+      ...n
     }
   );
 }
-function g({ className: t, ...r }) {
-  return /* @__PURE__ */ a(
+function u({ className: t, ...e }) {
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: e(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+      className: a(
+        "font-heading font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
         t
       ),
       "data-slot": "alert-title",
-      ...r
+      ...e
     }
   );
 }
-function u({
+function g({
   className: t,
-  ...r
+  ...e
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: e(
-        "col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed",
+      className: a(
+        "text-balance text-muted-foreground text-sm md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
         t
       ),
       "data-slot": "alert-description",
-      ...r
+      ...e
+    }
+  );
+}
+function v({ className: t, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: a("absolute top-2 right-2", t),
+      "data-slot": "alert-action",
+      ...e
     }
   );
 }
 export {
   c as Alert,
-  u as AlertDescription,
-  g as AlertTitle
+  v as AlertAction,
+  g as AlertDescription,
+  u as AlertTitle
 };

package/dist/components/ui/atoms/avatar.d.ts

@@ -1,7 +1,12 @@
-import { Avatar as AvatarPrimitive } from 'radix-ui';
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import type * as React from "react";
-declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
-export { Avatar, AvatarFallback, AvatarImage };
+declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/ui/atoms/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAWnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC,2CAYA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAWxE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,2CAWhC;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAczE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,CAAC"}