@jinaan/uikit 0.1.5 → 0.1.7

package/README.md

@@ -1,6 +1,6 @@
 # @jinaan/uikit
 
-Reusable React 19 + Tailwind CSS v4 components used by Clerk and other Jinaan
+Reusable React 19 + Tailwind CSS v4 components used by Jinaan and other Jinaan
 projects.
 
 ## Requirements

package/dist/agent-prompt.d.ts

@@ -8,7 +8,7 @@ interface AgentPromptProps {
     className?: string;
 }
 /**
- * The "Add Clerk auth to my app" prompt pill: a dark tag overlapping a
+ * The "Add Jinaan auth to my app" prompt pill: a dark tag overlapping a
  * rounded command field with a copy button.
  */
 export declare function AgentPrompt({ command, tag, icon, className, }: AgentPromptProps): import("react").JSX.Element;

package/dist/data-table.d.ts

@@ -89,7 +89,7 @@ interface DataTableProps<T> {
     panelClassName?: string;
     className?: string;
 }
-/** Clerk-style identity cell: avatar + primary name + secondary line. */
+/** Jinaan-style identity cell: avatar + primary name + secondary line. */
 export declare function DataTableIdentity({ name, secondary, image, }: {
     name: string;
     secondary?: ReactNode;

package/dist/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../src/data-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../src/data-table.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBrE,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACtB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,mEAAmE;IACnE,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;CAC9C;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IAChD,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAE7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,MAAM,CAAC,EAAE,SAAS,CAAC;KACpB,CAAC;IAEF,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;KAC1B,CAAC;IACF,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B,WAAW,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,kEAAkE;IAClE,YAAY,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IAC9C,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,0EAA0E;AAC1E,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAaA;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAe,EACf,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAkB,EAClB,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EAAE,eAAoB,EAC9B,eAAmC,EACnC,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,cAAc,EACd,SAAS,GACV,EAAE,cAAc,CAAC,CAAC,CAAC,+BAgiBnB"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s, Fragment as ve } from "react/jsx-runtime";
-import { CircleNotch as ft, Robot as ht, Terminal as gt, Check as W, Copy as Le, XCircle as xt, Warning as vt, CheckCircle as Nt, Info as yt, Minus as wt, X as ae, CaretDown as O, MagnifyingGlass as Ct, Columns as St, Lock as zt, FunnelSimple as Te, WarningCircle as kt, CaretUp as Dt, CaretUpDown as Tt } from "@phosphor-icons/react";
+import { CircleNotch as ft, Robot as ht, Terminal as gt, Check as W, Copy as Le, XCircle as xt, Warning as vt, CheckCircle as Nt, Info as yt, Minus as wt, X as ae, CaretDown as O, MagnifyingGlass as Ct, Columns as St, Lock as kt, FunnelSimple as Te, WarningCircle as zt, CaretUp as Dt, CaretUpDown as Tt } from "@phosphor-icons/react";
 import { forwardRef as p, useState as D, Children as Pt, isValidElement as It, useRef as pe, useEffect as V, useContext as Re, useCallback as Mt, createContext as Ae, useId as ne, useMemo as Pe } from "react";
 import { Slot as Et } from "@radix-ui/react-slot";
 import { cva as Ne } from "class-variance-authority";
@@ -9,7 +9,7 @@ import * as ye from "@radix-ui/react-avatar";
 import * as Ie from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
 import * as T from "@radix-ui/react-dropdown-menu";
-import * as z from "@radix-ui/react-select";
+import * as k from "@radix-ui/react-select";
 import * as Lt from "@radix-ui/react-label";
 import * as Rt from "@radix-ui/react-separator";
 import * as U from "@radix-ui/react-tooltip";
@@ -74,9 +74,9 @@ const Bt = Ne(
     children: g,
     ...y
   }, C) => {
-    const k = l ? Et : "button", w = Ft[n ?? "md"];
+    const z = l ? Et : "button", w = Ft[n ?? "md"];
     return /* @__PURE__ */ e(
-      k,
+      z,
       {
         ref: C,
         "aria-busy": d || void 0,
@@ -560,7 +560,7 @@ function or({
     },
     []
   );
-  const k = (w) => {
+  const z = (w) => {
     if (w) {
       h.current && clearTimeout(h.current), f(!1), C || c(!0), n == null || n(!0);
       return;
@@ -580,7 +580,7 @@ function or({
     I.Root,
     {
       open: g,
-      onOpenChange: k,
+      onOpenChange: z,
       ...i,
       children: l
     }
@@ -838,7 +838,7 @@ function $r({
   onConfirm: g
 }) {
   var E;
-  const [y, C] = D(u ?? ((E = i[0]) == null ? void 0 : E.value) ?? ""), k = c ?? y;
+  const [y, C] = D(u ?? ((E = i[0]) == null ? void 0 : E.value) ?? ""), z = c ?? y;
   return /* @__PURE__ */ s(or, { open: t, onOpenChange: r, children: [
     n ? /* @__PURE__ */ e(Ve, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
@@ -849,7 +849,7 @@ function $r({
         children: [
           /* @__PURE__ */ s(sr, { children: [
             /* @__PURE__ */ e(cr, { children: /* @__PURE__ */ e(Xe, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e(br, { label: l, value: k, onChange: (N) => {
+            /* @__PURE__ */ e(dr, { children: /* @__PURE__ */ e(br, { label: l, value: z, onChange: (N) => {
               c === void 0 && C(N), d == null || d(N);
             }, children: i.map((N) => /* @__PURE__ */ e(
               pr,
@@ -872,7 +872,7 @@ function $r({
                 children: f
               }
             ),
-            /* @__PURE__ */ e(S, { className: "flex-1", onClick: () => g == null ? void 0 : g(k), children: h })
+            /* @__PURE__ */ e(S, { className: "flex-1", onClick: () => g == null ? void 0 : g(z), children: h })
           ] })
         ]
       }
@@ -906,7 +906,7 @@ const fr = {
   sm: "h-[var(--control-h-sm)] text-sm",
   md: "h-[var(--control-h-md)] text-sm",
   lg: "h-[var(--control-h-lg)] text-sm",
-  xl: "h-[var(--control-h-xl)] rounded-[var(--control-radius-xl)] text-base"
+  xl: "h-[var(--control-h-xl)] rounded-lg text-base"
 }, hr = {
   sm: "px-[var(--control-pad-x-sm)]",
   md: "px-[var(--control-pad-x-md)]",
@@ -942,7 +942,7 @@ const fr = {
     helperText: g,
     id: y,
     "aria-describedby": C,
-    disabled: k,
+    disabled: z,
     readOnly: w,
     ...E
   }, N) => {
@@ -952,7 +952,7 @@ const fr = {
         ref: N,
         id: X,
         type: n,
-        disabled: k,
+        disabled: z,
         readOnly: w,
         "aria-invalid": h || void 0,
         "aria-describedby": ie,
@@ -961,7 +961,7 @@ const fr = {
           paddingInlineEnd: u || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
         className: o(
-          "flex w-full rounded-(--control-radius) border bg-(--input-bg) text-(--input-fg) transition-colors",
+          "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
           fr[l],
           hr[l],
           "placeholder:text-(--input-placeholder)",
@@ -969,7 +969,7 @@ const fr = {
           "focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
           h && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
           !h && "border-(--input-border)",
-          k && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          z && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
           t
         ),
@@ -1097,29 +1097,29 @@ const xe = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 xe.displayName = "DropdownMenuSeparator";
-const xr = z.Root, Vr = z.Group, vr = z.Value, Qe = p(({ className: t, children: r, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
-  z.Trigger,
+const xr = k.Root, Vr = k.Group, vr = k.Value, Qe = p(({ className: t, children: r, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+  k.Trigger,
   {
     ref: i,
     className: o(
       "flex items-center justify-between gap-2 text-sm text-fg",
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "[&>span]:truncate",
-      n === "field" && "h-9 w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
-      n === "inline" && "btn-fill btn-inner-border btn-interactive h-8 w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
+      n === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
+      n === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
     ...l,
     children: [
       r,
-      /* @__PURE__ */ e(z.Icon, { asChild: !0, children: /* @__PURE__ */ e(O, { className: "size-3.5 text-subtle" }) })
+      /* @__PURE__ */ e(k.Icon, { asChild: !0, children: /* @__PURE__ */ e(O, { className: "size-3.5 text-subtle" }) })
     ]
   }
 ));
 Qe.displayName = "SelectTrigger";
 const Ye = p(
-  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
-    z.Content,
+  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ e(k.Portal, { children: /* @__PURE__ */ e(
+    k.Content,
     {
       ref: u,
       position: n,
@@ -1135,13 +1135,13 @@ const Ye = p(
         t
       ),
       ...i,
-      children: /* @__PURE__ */ e(z.Viewport, { className: "p-0", children: r })
+      children: /* @__PURE__ */ e(k.Viewport, { className: "p-0", children: r })
     }
   ) })
 );
 Ye.displayName = "SelectContent";
 const Ze = p(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
-  z.Item,
+  k.Item,
   {
     ref: l,
     className: o(
@@ -1150,14 +1150,14 @@ const Ze = p(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
     ),
     ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(z.ItemText, { children: r })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(k.ItemIndicator, { children: /* @__PURE__ */ e(W, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(k.ItemText, { children: r })
     ]
   }
 ));
 Ze.displayName = "SelectItem";
 const Nr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  z.Label,
+  k.Label,
   {
     ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
@@ -1227,7 +1227,7 @@ function Wr({
   tabs: g,
   activeTab: y,
   onTabChange: C,
-  infoBanner: k,
+  infoBanner: z,
   selectable: w = !1,
   bulkActions: E,
   rowActions: N,
@@ -1247,7 +1247,7 @@ function Wr({
     )
   ), [x, tt] = D(
     X ?? null
-  ), [$, Q] = D(0), [L, rt] = D(F), [R, oe] = D(/* @__PURE__ */ new Set()), [at, se] = D([]), M = r.filter((a) => !Ce[a.id]), ze = r.filter((a) => Ce[a.id] && !a.required), de = (d ?? []).filter((a) => at.includes(a.id)), nt = (d ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), Y = Pe(() => {
+  ), [$, Q] = D(0), [L, rt] = D(F), [R, oe] = D(/* @__PURE__ */ new Set()), [at, se] = D([]), M = r.filter((a) => !Ce[a.id]), ke = r.filter((a) => Ce[a.id] && !a.required), de = (d ?? []).filter((a) => at.includes(a.id)), nt = (d ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), Y = Pe(() => {
     let a = t;
     for (const b of d ?? [])
       b.value.length > 0 && (a = a.filter((v) => b.match(v, b.value)));
@@ -1273,10 +1273,10 @@ function Wr({
     a.sortable && tt(
       (m) => (m == null ? void 0 : m.id) === a.id ? m.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
     );
-  }, ke = j.length > 0 && j.every((a) => R.has(n(a))), it = j.some((a) => R.has(n(a))), ot = t.filter((a) => R.has(n(a))), st = () => {
+  }, ze = j.length > 0 && j.every((a) => R.has(n(a))), it = j.some((a) => R.has(n(a))), ot = t.filter((a) => R.has(n(a))), st = () => {
     oe((a) => {
       const m = new Set(a);
-      return ke ? j.forEach((b) => m.delete(n(b))) : j.forEach((b) => m.add(n(b))), m;
+      return ze ? j.forEach((b) => m.delete(n(b))) : j.forEach((b) => m.add(n(b))), m;
     });
   }, dt = (a) => {
     oe((m) => {
@@ -1346,15 +1346,15 @@ function Wr({
               className: "justify-between",
               children: [
                 /* @__PURE__ */ e("span", { children: a.header }),
-                a.required ? /* @__PURE__ */ e(zt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
+                a.required ? /* @__PURE__ */ e(kt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
               ]
             },
             a.id
           )),
-          ze.length > 0 ? /* @__PURE__ */ s(ve, { children: [
+          ke.length > 0 ? /* @__PURE__ */ s(ve, { children: [
             /* @__PURE__ */ e(xe, {}),
             /* @__PURE__ */ e(re, { className: "text-[13px]", children: "Available columns" }),
-            ze.map((a) => /* @__PURE__ */ e(
+            ke.map((a) => /* @__PURE__ */ e(
               te,
               {
                 checked: !1,
@@ -1456,7 +1456,7 @@ function Wr({
         }
       )
     ] }) : null,
-    k,
+    z,
     w && R.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
         R.size,
@@ -1506,7 +1506,7 @@ function Wr({
                 fe,
                 {
                   "aria-label": "Select all rows",
-                  checked: ke ? !0 : it ? "indeterminate" : !1,
+                  checked: ze ? !0 : it ? "indeterminate" : !1,
                   onCheckedChange: st
                 }
               ) }),
@@ -1542,7 +1542,7 @@ function Wr({
           ] })
         ),
         children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(kt, { weight: "duotone" }) }),
+          /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(zt, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
             i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
@@ -1665,7 +1665,7 @@ const Sr = p(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   {
     ref: n,
     className: o(
-      "mb-1 text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      "mb-2.5 block text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
     ...r
@@ -1724,7 +1724,7 @@ function Jr({
     }
   );
 }
-const zr = p(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+const kr = p(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
   Rt.Root,
   {
     ref: i,
@@ -1738,7 +1738,7 @@ const zr = p(({ className: t, orientation: r = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-zr.displayName = "Separator";
+kr.displayName = "Separator";
 function Qr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
@@ -1748,7 +1748,7 @@ function Qr({ className: t, ...r }) {
     }
   );
 }
-const Yr = U.Provider, Zr = U.Root, Or = U.Trigger, kr = p(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(U.Portal, { children: /* @__PURE__ */ e(
+const Yr = U.Provider, Zr = U.Root, Or = U.Trigger, zr = p(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(U.Portal, { children: /* @__PURE__ */ e(
   U.Content,
   {
     ref: l,
@@ -1766,7 +1766,7 @@ const Yr = U.Provider, Zr = U.Root, Or = U.Trigger, kr = p(({ className: t, side
     ...n
   }
 ) }));
-kr.displayName = "TooltipContent";
+zr.displayName = "TooltipContent";
 export {
   _r as AgentPrompt,
   Be as Avatar,
@@ -1819,7 +1819,7 @@ export {
   Nr as SelectLabel,
   Qe as SelectTrigger,
   vr as SelectValue,
-  zr as Separator,
+  kr as Separator,
   Qr as Skeleton,
   At as Spinner,
   Rr as Table,
@@ -1833,7 +1833,7 @@ export {
   Xt as TableRow,
   le as TableSurface,
   Zr as Tooltip,
-  kr as TooltipContent,
+  zr as TooltipContent,
   Yr as TooltipProvider,
   Or as TooltipTrigger,
   $t as badgeVariants,