@rafal.lemieszewski/tide-ui 0.87.6 → 0.87.8

package/dist/es/components/product/activity-log.js

@@ -1,16 +1,16 @@
-import { jsx as a, jsxs as A, Fragment as b } from "react/jsx-runtime";
+import { jsx as i, jsxs as A, Fragment as b } from "react/jsx-runtime";
 import * as r from "react";
 import { cn as n } from "../../lib/utils.js";
 import { Collapsible as L, CollapsibleTrigger as C, CollapsibleContent as R } from "../fundamental/collapsible.js";
 import { Icon as D } from "../fundamental/icon.js";
 const I = /* @__PURE__ */ r.forwardRef(
   ({
-    className: i,
+    className: a,
     children: e,
     separatorThreshold: t,
     "aria-label": o = "Activity log",
     ...d
-  }, y) => {
+  }, u) => {
     const v = r.useMemo(() => {
       if (!t) return e;
       const s = r.Children.toArray(e), c = [];
@@ -19,24 +19,24 @@ const I = /* @__PURE__ */ r.forwardRef(
         c.push(f);
         const p = s[m + 1];
         if (p && r.isValidElement(f) && r.isValidElement(p) && f.type === w && p.type === w) {
-          const u = f.props.timestamp, g = p.props.timestamp;
-          if (u && g) {
-            const x = new Date(u), l = new Date(g);
-            Math.abs(l.getTime() - x.getTime()) >= t && c.push(/* @__PURE__ */ a(N, {}, `separator-${m}`));
+          const y = f.props.timestamp, g = p.props.timestamp;
+          if (y && g) {
+            const x = new Date(y), l = new Date(g);
+            Math.abs(l.getTime() - x.getTime()) >= t && c.push(/* @__PURE__ */ i(N, {}, `separator-${m}`));
           }
         }
       }
       return c;
     }, [e, t]);
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: y,
+        ref: u,
         role: "log",
         "aria-label": o,
         "aria-live": "polite",
         "aria-relevant": "additions",
-        className: n("flex flex-col gap-[var(--space-s)]", i),
+        className: n("flex flex-col gap-[var(--space-s)]", a),
         ...d,
         children: v
       }
@@ -46,31 +46,31 @@ const I = /* @__PURE__ */ r.forwardRef(
 I.displayName = "ActivityLog";
 const w = /* @__PURE__ */ r.forwardRef(
   ({
-    className: i,
+    className: a,
     children: e,
     collapsible: t = !1,
     defaultOpen: o,
     open: d,
-    onOpenChange: y,
+    onOpenChange: u,
     timestamp: v,
     ...s
-  }, c) => t ? /* @__PURE__ */ a(
+  }, c) => t ? /* @__PURE__ */ i(
     L,
     {
       ref: c,
       defaultOpen: o,
       open: d,
-      onOpenChange: y,
-      className: n("w-full group peer", i),
+      onOpenChange: u,
+      className: n("w-full group peer", a),
       ...s,
       children: e
     }
-  ) : /* @__PURE__ */ a("div", { ref: c, className: n("w-full", i), ...s, children: e })
+  ) : /* @__PURE__ */ i("div", { ref: c, className: n("w-full", a), ...s, children: e })
 );
 w.displayName = "ActivityLogItem";
 const N = /* @__PURE__ */ r.memo(
   /* @__PURE__ */ r.forwardRef(
-    ({ className: i, ...e }, t) => /* @__PURE__ */ a(
+    ({ className: a, ...e }, t) => /* @__PURE__ */ i(
       "div",
       {
         ref: t,
@@ -78,30 +78,30 @@ const N = /* @__PURE__ */ r.memo(
         "aria-hidden": "true",
         className: n(
           "flex items-center ml-[7.5px] peer-data-[state=open]:hidden",
-          i
+          a
         ),
         ...e,
-        children: /* @__PURE__ */ a("div", { className: "w-px h-[var(--space-l)] bg-[var(--grey-alpha-100)]" })
+        children: /* @__PURE__ */ i("div", { className: "w-px h-[var(--space-l)] bg-[var(--grey-alpha-100)]" })
       }
     )
   )
 );
 N.displayName = "ActivityLogSeparator";
 const V = /* @__PURE__ */ r.forwardRef(
-  ({ className: i, children: e, asCollapsibleTrigger: t, ...o }, d) => {
-    const { avatarOrIcon: y, description: v, chevron: s, otherChildren: c } = r.useMemo(() => {
+  ({ className: a, children: e, asCollapsibleTrigger: t, ...o }, d) => {
+    const { avatarOrIcon: u, description: v, chevron: s, otherChildren: c } = r.useMemo(() => {
       const f = r.Children.toArray(e);
-      let p = null, u = null, g = null;
+      let p = null, y = null, g = null;
       const x = [];
       return f.forEach((l) => {
         if (r.isValidElement(l)) {
           const h = l.type?.displayName;
-          h === "ActivityLogDescription" ? u = l : h === "ActivityLogChevron" ? g = l : p ? x.push(l) : p = l;
+          h === "ActivityLogDescription" ? y = l : h === "ActivityLogChevron" ? g = l : p ? x.push(l) : p = l;
         } else
           x.push(l);
       }), {
         avatarOrIcon: p,
-        description: u,
+        description: y,
         chevron: g,
         otherChildren: x
       };
@@ -111,12 +111,12 @@ const V = /* @__PURE__ */ r.forwardRef(
         ref: t ? void 0 : d,
         className: n(
           "flex gap-[var(--space-s)] items-start w-full [&>*:first-child]:translate-y-[1px]",
-          t && "cursor-pointer rounded-s focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
-          i
+          t && "cursor-pointer rounded-[var(--border-radius-s)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
+          a
         ),
         ...o,
         children: [
-          y,
+          u,
           v && s ? (
             // Group description and chevron together
             /* @__PURE__ */ A("div", { className: "inline-flex gap-[var(--space-xs)] items-center min-w-0 flex-1", children: [
@@ -131,31 +131,31 @@ const V = /* @__PURE__ */ r.forwardRef(
         ]
       }
     );
-    return t ? /* @__PURE__ */ a(C, { asChild: !0, hideIcon: !0, children: m }) : m;
+    return t ? /* @__PURE__ */ i(C, { asChild: !0, hideIcon: !0, children: m }) : m;
   }
 );
 V.displayName = "ActivityLogHeader";
-const k = /* @__PURE__ */ r.forwardRef(({ className: i, children: e, ...t }, o) => /* @__PURE__ */ a(
+const k = /* @__PURE__ */ r.forwardRef(({ className: a, children: e, ...t }, o) => /* @__PURE__ */ i(
   R,
   {
     ref: o,
     className: n(
       "mt-[var(--space-s)] pl-[var(--space-s)] ml-[7.5px] border-l border-l-[var(--grey-alpha-100)] max-w-[320px]",
       "[.group:last-child_&]:border-l-0",
-      i
+      a
     ),
     ...t,
     children: e
   }
 ));
 k.displayName = "ActivityLogContent";
-const E = /* @__PURE__ */ r.forwardRef(({ className: i, children: e, ...t }, o) => /* @__PURE__ */ a(
+const E = /* @__PURE__ */ r.forwardRef(({ className: a, children: e, ...t }, o) => /* @__PURE__ */ i(
   "div",
   {
     ref: o,
     className: n(
       "inline-flex flex-wrap gap-x-[var(--space-xs)] gap-y-0 items-center min-w-0 [&]:text-body-sm text-[var(--color-text-primary)]",
-      i
+      a
     ),
     ...t,
     children: e
@@ -163,14 +163,14 @@ const E = /* @__PURE__ */ r.forwardRef(({ className: i, children: e, ...t }, o)
 ));
 E.displayName = "ActivityLogDescription";
 const M = /* @__PURE__ */ r.forwardRef(
-  ({ className: i, children: e, dateTime: t, ...o }, d) => /* @__PURE__ */ a(
+  ({ className: a, children: e, dateTime: t, ...o }, d) => /* @__PURE__ */ i(
     "time",
     {
       ref: d,
       dateTime: t,
       className: n(
         "[&]:text-body-xsm text-[var(--color-text-tertiary)] shrink-0 whitespace-nowrap",
-        i
+        a
       ),
       ...o,
       children: e
@@ -180,14 +180,14 @@ const M = /* @__PURE__ */ r.forwardRef(
 M.displayName = "ActivityLogTime";
 const T = /* @__PURE__ */ r.memo(
   /* @__PURE__ */ r.forwardRef(
-    ({ className: i, ...e }, t) => /* @__PURE__ */ a(
+    ({ className: a, ...e }, t) => /* @__PURE__ */ i(
       "div",
       {
         ref: t,
         "aria-hidden": "true",
-        className: n("shrink-0", i),
+        className: n("shrink-0", a),
         ...e,
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ i(
           D,
           {
             name: "chevron-down",
@@ -203,16 +203,16 @@ const T = /* @__PURE__ */ r.memo(
 T.displayName = "ActivityLogChevron";
 const j = /* @__PURE__ */ r.memo(
   /* @__PURE__ */ r.forwardRef(
-    ({ className: i, children: e, ...t }, o) => /* @__PURE__ */ a(
+    ({ className: a, children: e, ...t }, o) => /* @__PURE__ */ i(
       "div",
       {
         ref: o,
         className: n(
-          "inline-flex items-center gap-[var(--space-xs)] px-[4px] py-[2px] bg-[var(--color-background-neutral-subtlest)] border border-[var(--color-border-primary-medium)] rounded-xs shrink",
-          i
+          "inline-flex items-center gap-[var(--space-xs)] px-[4px] py-[2px] bg-[var(--color-background-neutral-subtlest)] border border-[var(--color-border-primary-medium)] rounded-[var(--border-radius-xs)] shrink",
+          a
         ),
         ...t,
-        children: /* @__PURE__ */ a("span", { className: "[&]:text-body-medium-xsm text-[var(--color-text-primary)] whitespace-nowrap", children: e })
+        children: /* @__PURE__ */ i("span", { className: "[&]:text-body-medium-xsm text-[var(--color-text-primary)] whitespace-nowrap", children: e })
       }
     )
   )