@arcadeai/design-system 3.39.1 → 3.39.2

package/dist/components/ui/molecules/tool-card.js

@@ -1,43 +1,44 @@
+"use client";
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { Wrench as E } from "lucide-react";
 import * as t from "react";
-import { Button as D } from "../atoms/button.js";
-import { Card as I, CardContent as P } from "../atoms/card.js";
-import { Checkbox as j } from "../atoms/checkbox.js";
-import { Collapsible as K, CollapsibleTrigger as T, CollapsibleContent as S } from "../atoms/collapsible.js";
+import { Button as I } from "../atoms/button.js";
+import { Card as P, CardContent as j } from "../atoms/card.js";
+import { Checkbox as D } from "../atoms/checkbox.js";
+import { Collapsible as T, CollapsibleTrigger as K, CollapsibleContent as S } from "../atoms/collapsible.js";
 import { useIsTruncated as z } from "../../../hooks/use-is-truncated.js";
 import { cn as d } from "../../../lib/utils.js";
 import { createPropsComparator as _ } from "../utils/memo.js";
 function R({
   fully_qualified_name: m,
-  name: k,
+  name: f,
   toolkitName: p,
-  description: h,
-  Icon: b = (s) => /* @__PURE__ */ r(E, { ...s }),
+  description: u,
+  Icon: b = (l) => /* @__PURE__ */ r(E, { ...l }),
   isSelected: o = !1,
-  onSelect: l,
-  hideCheckbox: u = !1,
-  ...x
+  onSelect: s,
+  hideCheckbox: h = !1,
+  ...g
 }) {
-  const s = t.useCallback(
-    () => l?.(!o),
-    [o, l]
-  ), [n, C] = t.useState(!1), { ref: y, isTruncated: v } = z(!n), w = (e) => {
+  const l = t.useCallback(
+    () => s?.(!o),
+    [o, s]
+  ), [n, k] = t.useState(!1), { ref: x, isTruncated: C } = z(!n), v = (e) => {
     const i = e.key === "Enter" || e.code === "Enter", c = e.key === " " || e.key === "Spacebar" || e.code === "Space";
-    (i || c) && (e.preventDefault(), s());
-  }, N = t.useCallback(
-    (e) => l?.(!!e),
-    [l]
-  ), f = t.useCallback((e) => {
+    (i || c) && (e.preventDefault(), l());
+  }, y = t.useCallback(
+    (e) => s?.(!!e),
+    [s]
+  ), w = t.useCallback((e) => {
     e.stopPropagation();
-  }, []), g = t.useCallback((e) => {
+  }, []), N = t.useCallback((e) => {
     const i = e.key === "Enter" || e.code === "Enter", c = e.key === " " || e.key === "Spacebar" || e.code === "Space";
     (i || c) && e.stopPropagation();
   }, []);
   return /* @__PURE__ */ r(
-    I,
+    P,
     {
-      ...x,
+      ...g,
       className: d(
         "group relative cursor-pointer overflow-hidden rounded-lg border py-3 transition-all duration-200",
         "bg-white/50 hover:bg-white/70 dark:bg-neutral-900/50 dark:hover:bg-neutral-900/70",
@@ -45,38 +46,45 @@ function R({
         o && "border-2 border-emerald-600 dark:border-emerald-400",
         !o && "border-neutral-200 hover:border-neutral-300 dark:border-neutral-800 dark:hover:border-neutral-700"
       ),
-      onClick: s,
-      onKeyDown: w,
+      onClick: (e) => {
+        e.target.closest('[data-slot="checkbox-wrapper"]') || l();
+      },
+      onKeyDown: v,
       tabIndex: 0,
-      children: /* @__PURE__ */ r(P, { className: "px-3", children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ r(j, { className: "px-3", children: /* @__PURE__ */ a(
         "div",
         {
           className: d(
             "grid items-start gap-2",
             "grid-cols-[20px_1fr_auto]",
-            u && "grid-cols-[1fr_auto]"
+            h && "grid-cols-[1fr_auto]"
           ),
           children: [
-            !u && /* @__PURE__ */ r("div", { className: "flex items-center justify-center pt-1.5", children: /* @__PURE__ */ r(
-              j,
+            !h && /* @__PURE__ */ r(
+              "div",
               {
-                "aria-label": `Select ${m}`,
-                checked: o,
-                onCheckedChange: N,
-                onClick: f,
-                onKeyDown: g,
-                tabIndex: -1
+                className: "flex items-center justify-center pt-1.5",
+                "data-slot": "checkbox-wrapper",
+                children: /* @__PURE__ */ r(
+                  D,
+                  {
+                    "aria-label": `Select ${m}`,
+                    checked: o,
+                    onCheckedChange: y,
+                    tabIndex: -1
+                  }
+                )
               }
-            ) }),
+            ),
             /* @__PURE__ */ a("div", { className: "min-w-0 space-y-2", children: [
               /* @__PURE__ */ a("div", { className: "flex min-w-0 items-start gap-3", children: [
                 /* @__PURE__ */ r("div", { className: "flex size-9 items-center justify-center rounded bg-gradient-to-b from-neutral-200 to-neutral-100 ring-1 ring-black/5 dark:from-neutral-800 dark:to-neutral-900 dark:ring-white/5", children: /* @__PURE__ */ r(b, { className: "size-6 text-neutral-700 dark:text-neutral-200" }) }),
                 /* @__PURE__ */ a("div", { className: "flex h-9 min-w-0 flex-col justify-center space-y-0.5", children: [
-                  /* @__PURE__ */ r("h3", { className: "truncate font-semibold text-base text-neutral-900 leading-tight dark:text-neutral-100", children: k ?? m }),
+                  /* @__PURE__ */ r("h3", { className: "truncate font-semibold text-base text-neutral-900 leading-tight dark:text-neutral-100", children: f ?? m }),
                   p && /* @__PURE__ */ r("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: p })
                 ] })
               ] }),
-              h && /* @__PURE__ */ a(K, { onOpenChange: C, open: n, children: [
+              u && /* @__PURE__ */ a(T, { onOpenChange: k, open: n, children: [
                 /* @__PURE__ */ a("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ r(
                     "p",
@@ -85,24 +93,29 @@ function R({
                         "text-neutral-600 text-sm dark:text-neutral-400",
                         !n && "line-clamp-3"
                       ),
-                      ref: y,
-                      children: h
+                      ref: x,
+                      children: u
                     }
                   ),
-                  v && /* @__PURE__ */ r(T, { asChild: !0, children: /* @__PURE__ */ a(
-                    D,
+                  C && /* @__PURE__ */ a(
+                    K,
                     {
-                      className: "h-auto px-0",
-                      onClick: f,
-                      onKeyDown: g,
-                      size: "sm",
-                      variant: "link",
+                      render: /* @__PURE__ */ r(
+                        I,
+                        {
+                          className: "h-auto px-0",
+                          onClick: w,
+                          onKeyDown: N,
+                          size: "sm",
+                          variant: "link"
+                        }
+                      ),
                       children: [
                         n && "Show less",
                         !n && "Show more"
                       ]
                     }
-                  ) })
+                  )
                 ] }),
                 /* @__PURE__ */ r(S, {})
               ] })

package/dist/components/ui/molecules/toolkit-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkit-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAO7C,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE;QACR,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,EAAE,KAAK,CAAC;YACf,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;YAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC,CAAC;KACJ,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAgD3D,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAgC,EAChC,UAAkB,EAClB,mBAA2B,EAC3B,kBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,eAmJlB;AAmBD,eAAO,MAAM,WAAW,mDAGvB,CAAC"}
+{"version":3,"file":"toolkit-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAO7C,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE;QACR,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,SAAS,EAAE,KAAK,CAAC;YACf,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;YAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC,CAAC;KACJ,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAgD3D,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAgC,EAChC,UAAkB,EAClB,mBAA2B,EAC3B,kBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,eAyJlB;AAmBD,eAAO,MAAM,WAAW,mDAGvB,CAAC"}

package/dist/components/ui/molecules/toolkit-card.js

@@ -6,7 +6,7 @@ import "../atoms/card.js";
 import "../atoms/checkbox.js";
 import "../atoms/view-tools-control.js";
 import "../../../lib/utils.js";
-import { T as k } from "../../../toolkit-card-CB1oiaei.js";
+import { T as k } from "../../../toolkit-card-DhpOY80l.js";
 import "../utils/memo.js";
 export {
   k as ToolkitCard

package/dist/components/ui/molecules/user-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-nav.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/user-nav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvD,OAAO,EAEL,mBAAmB,EAIpB,MAAM,qCAAqC,CAAC;AAK7C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iGAAiG;IACjG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qGAAqG;IACrG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qHAAqH;IACrH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sEAAsE;IACtE,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAClE,+DAA+D;IAC/D,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA2EF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,OAAO,CAAC,EACf,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAiB,EACjB,eAAe,EACf,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,OAAe,EACf,QAAQ,EACR,YAAoB,EACpB,aAAqB,EACrB,SAAS,GACV,EAAE,YAAY,2CAyFd;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"user-nav.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/user-nav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvD,OAAO,EAEL,mBAAmB,EAIpB,MAAM,qCAAqC,CAAC;AAK7C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iGAAiG;IACjG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qGAAqG;IACrG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qHAAqH;IACrH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sEAAsE;IACtE,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAClE,+DAA+D;IAC/D,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA2EF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,OAAO,CAAC,EACf,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAiB,EACjB,eAAe,EACf,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,OAAe,EACf,QAAQ,EACR,YAAoB,EACpB,aAAqB,EACrB,SAAS,GACV,EAAE,YAAY,2CA6Fd;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/ui/molecules/user-nav.js

@@ -1,52 +1,52 @@
 import { jsx as e, jsxs as r, Fragment as b } from "react/jsx-runtime";
 import { ChevronsUpDownIcon as y } from "lucide-react";
-import { Avatar as D, AvatarImage as C, AvatarFallback as j } from "../atoms/avatar.js";
+import { Avatar as D, AvatarImage as j, AvatarFallback as C } from "../atoms/avatar.js";
 import { Button as M } from "../atoms/button.js";
 import { DropdownMenu as I, DropdownMenuTrigger as k, DropdownMenuContent as z, DropdownMenuLabel as A, DropdownMenuSeparator as U } from "../atoms/dropdown-menu.js";
 import { cn as a } from "../../../lib/utils.js";
-function B(t) {
-  return t.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase();
+function B(n) {
+  return n.split(" ").filter(Boolean).map((t) => t[0]).join("").slice(0, 2).toUpperCase();
 }
 const F = {
   sm: "size-9",
   lg: "size-10"
 };
-function f({
-  name: t,
-  avatarUrl: n,
+function p({
+  name: n,
+  avatarUrl: t,
   avatarSize: o,
-  avatarClassName: i,
-  badge: s,
+  avatarClassName: s,
+  badge: i,
   secondaryContent: l,
-  hideDetails: u = !1
+  hideDetails: m = !1
 }) {
-  const c = B(t) || "U";
+  const c = B(n) || "U";
   return /* @__PURE__ */ r(b, { children: [
     /* @__PURE__ */ r("div", { className: "relative shrink-0", children: [
       /* @__PURE__ */ r(D, { className: a(F[o], "rounded-lg"), children: [
-        n && /* @__PURE__ */ e(C, { alt: t, src: n }),
+        t && /* @__PURE__ */ e(j, { alt: n, src: t }),
         /* @__PURE__ */ e(
-          j,
+          C,
           {
             className: a(
               "rounded-lg bg-purple-600 font-semibold text-white text-xs",
-              i
+              s
             ),
             children: c
           }
         )
       ] }),
-      s
+      i
     ] }),
     /* @__PURE__ */ r(
       "div",
       {
         className: a(
           "flex min-w-0 flex-1 flex-col items-start gap-px text-left leading-tight",
-          u && "hidden"
+          m && "hidden"
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "truncate font-semibold text-foreground text-sm", children: t }),
+          /* @__PURE__ */ e("span", { className: "w-full truncate font-semibold text-foreground text-sm", children: n }),
           l
         ]
       }
@@ -54,76 +54,81 @@ function f({
   ] });
 }
 function G({
-  name: t,
-  email: n,
+  name: n,
+  email: t,
   avatarUrl: o,
-  avatarSize: i = "sm",
-  avatarClassName: s,
+  avatarSize: s = "sm",
+  avatarClassName: i,
   badge: l,
-  menuBadge: u,
+  menuBadge: m,
   secondary: c,
-  menuSecondary: g,
-  compact: m = !1,
-  children: h,
+  menuSecondary: h,
+  compact: f = !1,
+  children: g,
   dropdownSide: w = "top",
   dropdownAlign: N = "end",
   className: x
 }) {
-  const p = t ?? "User";
+  const u = n ?? "User";
   let d = null;
-  c !== void 0 ? d = c : n && (d = /* @__PURE__ */ e("span", { className: "truncate text-muted-foreground text-xs", children: n }));
-  const v = g === void 0 ? d : g;
-  return h ? /* @__PURE__ */ r(I, { children: [
-    /* @__PURE__ */ e(k, { asChild: !0, children: /* @__PURE__ */ r(
-      M,
+  c !== void 0 ? d = c : t && (d = /* @__PURE__ */ e("span", { className: "w-full truncate text-muted-foreground text-xs", children: t }));
+  const v = h === void 0 ? d : h;
+  return g ? /* @__PURE__ */ r(I, { children: [
+    /* @__PURE__ */ r(
+      k,
       {
-        "aria-label": `${p} menu`,
-        className: a(
-          "h-auto w-full cursor-pointer justify-start gap-3 overflow-visible rounded-lg px-1.5 py-2 transition-colors",
-          "hover:bg-accent hover:text-accent-foreground",
-          "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-          m && "size-10 justify-center px-0",
-          x
+        render: /* @__PURE__ */ e(
+          M,
+          {
+            "aria-label": `${u} menu`,
+            className: a(
+              "h-auto w-full cursor-pointer justify-start gap-3 overflow-visible rounded-lg px-1.5 py-2 transition-colors",
+              "hover:bg-accent hover:text-accent-foreground",
+              "data-open:bg-accent data-open:text-accent-foreground",
+              f && "size-10 justify-center px-0",
+              x
+            ),
+            variant: "ghost"
+          }
         ),
-        variant: "ghost",
         children: [
           /* @__PURE__ */ e(
-            f,
+            p,
             {
-              avatarClassName: s,
-              avatarSize: i,
+              avatarClassName: i,
+              avatarSize: s,
               avatarUrl: o,
               badge: l,
-              hideDetails: m,
-              name: p,
+              hideDetails: f,
+              name: u,
               secondaryContent: d
             }
           ),
-          !m && /* @__PURE__ */ e(y, { className: "ml-auto size-4 shrink-0 text-muted-foreground" })
+          !f && /* @__PURE__ */ e(y, { className: "ml-auto size-4 shrink-0 text-muted-foreground" })
         ]
       }
-    ) }),
+    ),
     /* @__PURE__ */ r(
       z,
       {
         align: N,
-        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56",
+        className: "w-(--anchor-width) min-w-56",
         side: w,
         sideOffset: 4,
         children: [
           /* @__PURE__ */ e(A, { className: "p-0 font-normal", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-3 px-3 py-2.5", children: /* @__PURE__ */ e(
-            f,
+            p,
             {
-              avatarClassName: s,
-              avatarSize: i,
+              avatarClassName: i,
+              avatarSize: s,
               avatarUrl: o,
-              badge: u ?? l,
-              name: p,
+              badge: m ?? l,
+              name: u,
               secondaryContent: v
             }
           ) }) }),
           /* @__PURE__ */ e(U, {}),
-          h
+          g
         ]
       }
     )
@@ -135,14 +140,14 @@ function G({
         x
       ),
       children: /* @__PURE__ */ e(
-        f,
+        p,
         {
-          avatarClassName: s,
-          avatarSize: i,
+          avatarClassName: i,
+          avatarSize: s,
           avatarUrl: o,
           badge: l,
-          hideDetails: m,
-          name: p,
+          hideDetails: f,
+          name: u,
           secondaryContent: d
         }
       )

package/dist/components/ui/templates/auth-template.js

@@ -28,7 +28,7 @@ function T({
     }
   );
 }
-function v({
+function N({
   className: e,
   ...t
 }) {
@@ -43,7 +43,7 @@ function v({
     }
   );
 }
-function N({
+function v({
   className: e,
   ...t
 }) {
@@ -211,7 +211,7 @@ function B({
         backgroundImage: `url(${t})`,
         backgroundPosition: "center center",
         backgroundRepeat: "no-repeat",
-        backgroundSize: "cover"
+        backgroundSize: "100% 100%"
       },
       ...a
     }
@@ -219,13 +219,13 @@ function B({
 }
 export {
   g as AuthTemplate,
-  v as AuthTemplateCard,
+  N as AuthTemplateCard,
   k as AuthTemplateContent,
   P as AuthTemplateDefaultBackground,
   y as AuthTemplateDescription,
   z as AuthTemplateFooter,
   B as AuthTemplateGridOverlay,
-  N as AuthTemplateHeader,
+  v as AuthTemplateHeader,
   L as AuthTemplateLegal,
   j as AuthTemplateLegalLink,
   T as AuthTemplateLogo,

package/dist/composite-BASdnlNo.js

@@ -0,0 +1,220 @@
+import { f as V } from "./floating-ui.utils-48URp89E.js";
+import { b as q } from "./floating-ui.utils.dom-jr2suqy2.js";
+import { s as _ } from "./event-BCa0Un_3.js";
+import { A as J, e as K, f as S, h as b } from "./element-DSo91iOi.js";
+function W(t, e, s) {
+  return Math.floor(t / e) !== s;
+}
+function B(t, e) {
+  return e < 0 || e >= t.current.length;
+}
+function F(t, e) {
+  return y(t, {
+    disabledIndices: e
+  });
+}
+function p(t, e) {
+  return y(t, {
+    decrement: !0,
+    startingIndex: t.current.length,
+    disabledIndices: e
+  });
+}
+function y(t, {
+  startingIndex: e = -1,
+  decrement: s = !1,
+  disabledIndices: u,
+  amount: o = 1
+} = {}) {
+  let n = e;
+  do
+    n += s ? -o : o;
+  while (n >= 0 && n <= t.current.length - 1 && j(t, n, u));
+  return n;
+}
+function I(t, {
+  event: e,
+  orientation: s,
+  loopFocus: u,
+  rtl: o,
+  cols: n,
+  disabledIndices: a,
+  minIndex: R,
+  maxIndex: l,
+  prevIndex: r,
+  stopEvent: m = !1
+}) {
+  let i = r, O;
+  if (e.key === J ? O = "up" : e.key === K && (O = "down"), O) {
+    const g = [], L = [];
+    let z = !1, P = 0;
+    {
+      let h = null, f = -1;
+      t.current.forEach((C, D) => {
+        if (C == null)
+          return;
+        P += 1;
+        const w = C.closest('[role="row"]');
+        w && (z = !0), (w !== h || f === -1) && (h = w, f += 1, g[f] = []), g[f].push(D), L[D] = f;
+      });
+    }
+    let k = !1, N = 0;
+    if (z)
+      for (const h of g) {
+        const f = h.length;
+        f > N && (N = f), f !== n && (k = !0);
+      }
+    const T = k && P < t.current.length, c = N || n, H = (h) => {
+      if (!k || r === -1)
+        return;
+      const f = L[r];
+      if (f == null)
+        return;
+      const C = g[f].indexOf(r), D = h === "up" ? -1 : 1;
+      for (let w = f + D, E = 0; E < g.length; E += 1, w += D) {
+        if (w < 0 || w >= g.length) {
+          if (!u || T)
+            return;
+          w = w < 0 ? g.length - 1 : 0;
+        }
+        const A = g[w];
+        for (let G = Math.min(C, A.length - 1); G >= 0; G -= 1) {
+          const M = A[G];
+          if (!j(t, M, a))
+            return M;
+        }
+      }
+    }, $ = (h) => {
+      if (!T || r === -1)
+        return;
+      const f = r % c, C = h === "up" ? -c : c, D = l - l % c, w = V(l / c) + 1;
+      for (let E = r - f + C, A = 0; A < w; A += 1, E += C) {
+        if (E < 0 || E > l) {
+          if (!u)
+            return;
+          E = E < 0 ? D : 0;
+        }
+        const G = Math.min(E + c - 1, l);
+        for (let M = Math.min(E + f, G); M >= E; M -= 1)
+          if (!j(t, M, a))
+            return M;
+      }
+    };
+    m && _(e);
+    const U = H(O) ?? $(O);
+    if (U !== void 0)
+      i = U;
+    else if (r === -1)
+      i = O === "up" ? l : R;
+    else if (i = y(t, {
+      startingIndex: r,
+      amount: c,
+      decrement: O === "up",
+      disabledIndices: a
+    }), u) {
+      if (O === "up" && (r - c < R || i < 0)) {
+        const h = r % c, f = l % c, C = l - (f - h);
+        f === h ? i = l : i = f > h ? C : C - c;
+      }
+      O === "down" && r + c > l && (i = y(t, {
+        startingIndex: r % c - c,
+        amount: c,
+        disabledIndices: a
+      }));
+    }
+    B(t, i) && (i = r);
+  }
+  if (s === "both") {
+    const g = V(r / n);
+    e.key === (o ? S : b) && (m && _(e), r % n !== n - 1 ? (i = y(t, {
+      startingIndex: r,
+      disabledIndices: a
+    }), u && W(i, n, g) && (i = y(t, {
+      startingIndex: r - r % n - 1,
+      disabledIndices: a
+    }))) : u && (i = y(t, {
+      startingIndex: r - r % n - 1,
+      disabledIndices: a
+    })), W(i, n, g) && (i = r)), e.key === (o ? b : S) && (m && _(e), r % n !== 0 ? (i = y(t, {
+      startingIndex: r,
+      decrement: !0,
+      disabledIndices: a
+    }), u && W(i, n, g) && (i = y(t, {
+      startingIndex: r + (n - r % n),
+      decrement: !0,
+      disabledIndices: a
+    }))) : u && (i = y(t, {
+      startingIndex: r + (n - r % n),
+      decrement: !0,
+      disabledIndices: a
+    })), W(i, n, g) && (i = r));
+    const L = V(l / n) === g;
+    B(t, i) && (u && L ? i = e.key === (o ? b : S) ? l : y(t, {
+      startingIndex: r - r % n - 1,
+      disabledIndices: a
+    }) : i = r);
+  }
+  return i;
+}
+function v(t, e, s) {
+  const u = [];
+  let o = 0;
+  return t.forEach(({
+    width: n,
+    height: a
+  }, R) => {
+    if (n > e && process.env.NODE_ENV !== "production")
+      throw new Error(`[Floating UI]: Invalid grid - item width at index ${R} is greater than grid columns`);
+    let l = !1;
+    for (s && (o = 0); !l; ) {
+      const r = [];
+      for (let m = 0; m < n; m += 1)
+        for (let i = 0; i < a; i += 1)
+          r.push(o + m + i * e);
+      o % e + n <= e && r.every((m) => u[m] == null) ? (r.forEach((m) => {
+        u[m] = R;
+      }), l = !0) : o += 1;
+    }
+  }), [...u];
+}
+function x(t, e, s, u, o) {
+  if (t === -1)
+    return -1;
+  const n = s.indexOf(t), a = e[t];
+  switch (o) {
+    case "tl":
+      return n;
+    case "tr":
+      return a ? n + a.width - 1 : n;
+    case "bl":
+      return a ? n + (a.height - 1) * u : n;
+    case "br":
+      return s.lastIndexOf(t);
+    default:
+      return -1;
+  }
+}
+function tt(t, e) {
+  return e.flatMap((s, u) => t.includes(s) ? [u] : []);
+}
+function j(t, e, s) {
+  if (typeof s == "function" ? s(e) : s?.includes(e) ?? !1)
+    return !0;
+  const o = t.current[e];
+  return o ? Q(o) ? !s && (o.hasAttribute("disabled") || o.getAttribute("aria-disabled") === "true") : !0 : !1;
+}
+function Q(t) {
+  return q(t).display !== "none";
+}
+export {
+  p as a,
+  j as b,
+  v as c,
+  I as d,
+  x as e,
+  tt as f,
+  F as g,
+  y as h,
+  B as i,
+  Q as j
+};