@wow-two-beta/ui 0.0.17 → 0.0.19

package/dist/{chunk-W7LQZKTH.js → chunk-ZP4CBWO2.js}

@@ -1,5 +1,5 @@
-import { useClipboard, useControlled } from './chunk-4P2TFUVW.js';
 import { tv, dataAttr } from './chunk-BMBIZLO4.js';
+import { useClipboard, useControlled } from './chunk-4P2TFUVW.js';
 import { Icon } from './chunk-TDX22OWF.js';
 import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-NC2CBGX2.js';
 import { composeRefs } from './chunk-DN7WBRIV.js';
@@ -1868,7 +1868,259 @@ Carousel.Prev = CarouselPrev;
 Carousel.Next = CarouselNext;
 Carousel.Dots = CarouselDots;
 Carousel.Dot = CarouselDot;
+var SwipeActions = forwardRef(
+  function SwipeActions2({
+    left,
+    right,
+    threshold = 60,
+    actionWidth = 72,
+    disabled,
+    className,
+    children,
+    ...rest
+  }, forwardedRef) {
+    const startXRef = useRef(null);
+    const startOffsetRef = useRef(0);
+    const [offset, setOffset] = useState(0);
+    const [openSide, setOpenSide] = useState(null);
+    const leftSlots = countNodes(left);
+    const rightSlots = countNodes(right);
+    const leftMax = leftSlots * actionWidth;
+    const rightMax = rightSlots * actionWidth;
+    const onPointerDown = (e) => {
+      if (disabled) return;
+      startXRef.current = e.clientX;
+      startOffsetRef.current = offset;
+      e.currentTarget.setPointerCapture(e.pointerId);
+    };
+    const onPointerMove = (e) => {
+      if (disabled || startXRef.current == null) return;
+      const dx = e.clientX - startXRef.current + startOffsetRef.current;
+      const clamped = Math.max(-rightMax, Math.min(leftMax, dx));
+      setOffset(clamped);
+    };
+    const onPointerUp = (e) => {
+      if (startXRef.current == null) return;
+      startXRef.current = null;
+      e.currentTarget.releasePointerCapture?.(e.pointerId);
+      if (offset > threshold && leftMax > 0) {
+        setOffset(leftMax);
+        setOpenSide("left");
+      } else if (offset < -threshold && rightMax > 0) {
+        setOffset(-rightMax);
+        setOpenSide("right");
+      } else {
+        setOffset(0);
+        setOpenSide(null);
+      }
+    };
+    const close = () => {
+      setOffset(0);
+      setOpenSide(null);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: forwardedRef,
+        className: cn(
+          "relative overflow-hidden bg-card text-card-foreground",
+          className
+        ),
+        ...rest,
+        children: [
+          left && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-y-0 left-0 flex",
+              style: { width: leftMax },
+              "aria-hidden": openSide !== "left",
+              children: left
+            }
+          ),
+          right && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-y-0 right-0 flex",
+              style: { width: rightMax },
+              "aria-hidden": openSide !== "right",
+              children: right
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onPointerDown,
+              onPointerMove,
+              onPointerUp,
+              onPointerCancel: onPointerUp,
+              onClick: openSide ? close : void 0,
+              style: {
+                transform: `translateX(${offset}px)`,
+                transition: startXRef.current == null ? "transform 200ms ease-out" : "none",
+                touchAction: "pan-y"
+              },
+              className: "relative bg-card",
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+function countNodes(node) {
+  if (!node) return 0;
+  if (Array.isArray(node)) return node.length;
+  return 1;
+}
+var DiffViewer = forwardRef(function DiffViewer2({ left, right, view = "split", leftLabel = "Before", rightLabel = "After", showStats = true, className, ...rest }, ref) {
+  const rows = useMemo(() => computeDiff(left, right), [left, right]);
+  const stats = useMemo(() => {
+    let added = 0;
+    let removed = 0;
+    for (const r of rows) {
+      if (r.op === "added") added += 1;
+      if (r.op === "removed") removed += 1;
+    }
+    return { added, removed };
+  }, [rows]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "overflow-hidden rounded-md border border-border bg-card font-mono text-xs text-card-foreground shadow-sm",
+        className
+      ),
+      ...rest,
+      children: [
+        showStats && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-muted/40 px-3 py-1.5 text-xs", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground", children: [
+            leftLabel,
+            " \u2192 ",
+            rightLabel
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-success font-medium", children: [
+              "+",
+              stats.added
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive font-medium", children: [
+              "\u2212",
+              stats.removed
+            ] })
+          ] })
+        ] }),
+        view === "split" ? /* @__PURE__ */ jsx(SplitView, { rows }) : /* @__PURE__ */ jsx(UnifiedView, { rows })
+      ]
+    }
+  );
+});
+function SplitView({ rows }) {
+  const pairs = [];
+  for (let i = 0; i < rows.length; i++) {
+    const r = rows[i];
+    if (r.op === "unchanged") {
+      pairs.push({ left: r, right: r });
+    } else if (r.op === "removed") {
+      const next = rows[i + 1];
+      if (next && next.op === "added") {
+        pairs.push({ left: r, right: next });
+        i++;
+      } else {
+        pairs.push({ left: r });
+      }
+    } else if (r.op === "added") {
+      pairs.push({ right: r });
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 divide-x divide-border", children: [
+    /* @__PURE__ */ jsx(DiffColumn, { rows: pairs.map((p) => p.left) }),
+    /* @__PURE__ */ jsx(DiffColumn, { rows: pairs.map((p) => p.right), side: "right" })
+  ] });
+}
+function DiffColumn({ rows, side = "left" }) {
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: rows.map((r, i) => {
+    if (!r) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex bg-muted/30", children: [
+        /* @__PURE__ */ jsx("span", { className: "select-none w-10 shrink-0 px-2 py-0.5 text-right text-muted-foreground", children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 whitespace-pre px-2 py-0.5", children: "\xA0" })
+      ] }, i);
+    }
+    const num = side === "left" ? r.leftNum : r.rightNum;
+    const isChanged = side === "left" && r.op === "removed" || side === "right" && r.op === "added";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-state": r.op,
+        className: cn(
+          "flex",
+          isChanged && side === "left" && "bg-destructive-soft",
+          isChanged && side === "right" && "bg-success-soft"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "select-none w-10 shrink-0 border-r border-border px-2 py-0.5 text-right text-muted-foreground tabular-nums", children: num ?? "" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 whitespace-pre px-2 py-0.5", children: r.text || " " })
+        ]
+      },
+      i
+    );
+  }) });
+}
+function UnifiedView({ rows }) {
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: rows.map((r, i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-state": r.op,
+      className: cn(
+        "flex",
+        r.op === "added" && "bg-success-soft",
+        r.op === "removed" && "bg-destructive-soft"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "select-none w-10 shrink-0 border-r border-border px-2 py-0.5 text-right text-muted-foreground tabular-nums", children: r.leftNum ?? "" }),
+        /* @__PURE__ */ jsx("span", { className: "select-none w-10 shrink-0 border-r border-border px-2 py-0.5 text-right text-muted-foreground tabular-nums", children: r.rightNum ?? "" }),
+        /* @__PURE__ */ jsx("span", { className: "w-5 shrink-0 px-1 py-0.5 text-center text-muted-foreground", children: r.op === "added" ? "+" : r.op === "removed" ? "\u2212" : " " }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 whitespace-pre px-2 py-0.5", children: r.text || " " })
+      ]
+    },
+    i
+  )) });
+}
+function computeDiff(left, right) {
+  const a = left.split("\n");
+  const b = right.split("\n");
+  const n = a.length;
+  const m = b.length;
+  const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+  for (let i2 = 1; i2 <= n; i2++) {
+    for (let j2 = 1; j2 <= m; j2++) {
+      if (a[i2 - 1] === b[j2 - 1]) dp[i2][j2] = dp[i2 - 1][j2 - 1] + 1;
+      else dp[i2][j2] = Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+    }
+  }
+  const rows = [];
+  let i = n;
+  let j = m;
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && a[i - 1] === b[j - 1]) {
+      rows.push({ op: "unchanged", leftNum: i, rightNum: j, text: a[i - 1] });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      rows.push({ op: "added", leftNum: null, rightNum: j, text: b[j - 1] });
+      j--;
+    } else if (i > 0) {
+      rows.push({ op: "removed", leftNum: i, rightNum: null, text: a[i - 1] });
+      i--;
+    } else {
+      break;
+    }
+  }
+  rows.reverse();
+  return rows;
+}
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, CountBadge, DataTable, DescriptionList, EmptyState, Heading, Highlight, Image, InfoRow, Kbd, KeyboardShortcut, List, ListItem, Mark, NotificationDot, Quote, SectionHeader, Separator, Snippet, Stat, Status, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
-//# sourceMappingURL=chunk-W7LQZKTH.js.map
-//# sourceMappingURL=chunk-W7LQZKTH.js.map
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, CountBadge, DataTable, DescriptionList, DiffViewer, EmptyState, Heading, Highlight, Image, InfoRow, Kbd, KeyboardShortcut, List, ListItem, Mark, NotificationDot, Quote, SectionHeader, Separator, Snippet, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
+//# sourceMappingURL=chunk-ZP4CBWO2.js.map
+//# sourceMappingURL=chunk-ZP4CBWO2.js.map