@versaur/react 1.0.14 → 1.0.16

package/dist/helpers-D23F5WBX.js

@@ -0,0 +1,159 @@
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import { iconStyles as C, buttonIconStyles as j, filterChipStyles as A } from "@versaur/core/primitive";
+import { LoaderIcon as F, XIcon as _ } from "@versaur/icons";
+import B, { forwardRef as T } from "react";
+import { c as w } from "./cx-B9vmfsc1.js";
+function E(n) {
+  return n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function I(n) {
+  const t = {};
+  for (const [o, e] of Object.entries(n)) {
+    if (e == null)
+      continue;
+    const r = E(o);
+    typeof e == "boolean" ? e && (t[`data-${r}`] = (!!e).toString()) : (typeof e == "string" || typeof e == "number") && (t[`data-${r}`] = String(e));
+  }
+  return t;
+}
+const y = B.forwardRef(function({ intent: t = "inherit", size: o = "inherit", as: e, className: r, ...c }, s) {
+  const a = I({ intent: t, size: o });
+  return /* @__PURE__ */ l(e, { ref: s, className: w(C.icon, r), ...a, ...c });
+});
+y.displayName = "Icon";
+const $ = T(
+  ({
+    as: n,
+    variant: t = "primary",
+    size: o = "medium",
+    loading: e = !1,
+    disabled: r = !1,
+    pressed: c = !1,
+    type: s = "button",
+    onClick: a,
+    iconProps: f = {},
+    "aria-label": m,
+    className: b,
+    ...p
+  }, v) => {
+    const u = I({
+      disabled: r || e,
+      loading: e,
+      size: o,
+      variant: t
+    }), d = (h) => {
+      if (r || e) {
+        h.preventDefault();
+        return;
+      }
+      a == null || a(h);
+    };
+    return /* @__PURE__ */ l(
+      "button",
+      {
+        ref: v,
+        type: s,
+        className: w(j["button-icon"], b),
+        "aria-label": m,
+        "aria-pressed": c ? "true" : void 0,
+        "aria-busy": e ? "true" : void 0,
+        "aria-disabled": r || e ? "true" : void 0,
+        ...u,
+        ...p,
+        onClick: d,
+        children: e ? /* @__PURE__ */ l(y, { as: F, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ l(y, { as: n, ...f })
+      }
+    );
+  }
+);
+$.displayName = "ButtonIcon";
+const g = T(
+  ({ disabled: n = !1, onClick: t, maxWidth: o, className: e, children: r, style: c, ...s }, a) => {
+    const f = I({ disabled: n }), m = (b) => {
+      if (n) {
+        b.preventDefault();
+        return;
+      }
+      t == null || t(b);
+    };
+    return /* @__PURE__ */ N(
+      "button",
+      {
+        ref: a,
+        type: "button",
+        className: w(A.chip, e),
+        style: o ? { "--_max-width": o, ...c } : c,
+        "aria-disabled": n ? "true" : void 0,
+        onClick: m,
+        ...f,
+        ...s,
+        children: [
+          /* @__PURE__ */ l("span", { className: A.label, children: r }),
+          /* @__PURE__ */ l(y, { as: _ })
+        ]
+      }
+    );
+  }
+);
+g.displayName = "FilterChip";
+const x = 100, i = 16;
+function q(n, t) {
+  let o = n.parentElement;
+  for (; o; ) {
+    const e = o.querySelector(`[data-tooltip-trigger="${t}"]`);
+    if (e) return e;
+    if (o === document.body) break;
+    o = o.parentElement;
+  }
+  return null;
+}
+function G(n, t, o = x, e) {
+  const r = window.innerWidth, c = window.innerHeight, s = {
+    top: n.top,
+    bottom: c - n.bottom,
+    left: n.left,
+    right: r - n.right
+  };
+  if (t) {
+    const a = n.left + n.width / 2, f = n.top + n.height / 2, m = [
+      // Bottom: check if tooltip fits below trigger
+      [
+        "bottom",
+        s.bottom,
+        n.bottom + t.height + i <= c && a - t.width / 2 >= i && a + t.width / 2 <= r - i
+      ],
+      // Top: check if tooltip fits above trigger
+      [
+        "top",
+        s.top,
+        n.top - t.height - i >= 0 && a - t.width / 2 >= i && a + t.width / 2 <= r - i
+      ],
+      // Right: check if tooltip fits to the right of trigger
+      [
+        "right",
+        s.right,
+        n.right + t.width + i <= r && f - t.height / 2 >= i && f + t.height / 2 <= c - i
+      ],
+      // Left: check if tooltip fits to the left of trigger
+      [
+        "left",
+        s.left,
+        n.left - t.width - i >= 0 && f - t.height / 2 >= i && f + t.height / 2 <= c - i
+      ]
+    ], p = (e ? m.filter(([u]) => e.includes(u)) : m).filter(([u, d, h]) => h);
+    return p.length > 0 ? p.find(([d]) => d === "bottom") ? "bottom" : p.reduce((d, h) => h[1] > d[1] ? h : d)[0] : (e ? Object.entries(s).filter(
+      ([u]) => e.includes(u)
+    ) : Object.entries(s)).reduce((u, d) => d[1] > u[1] ? d : u)[0];
+  }
+  return s.bottom >= o ? "bottom" : Object.entries(s).reduce(
+    (a, f) => f[1] > a[1] ? f : a
+  )[0];
+}
+export {
+  $ as B,
+  g as F,
+  y as I,
+  G as c,
+  q as f,
+  I as u
+};

package/dist/{overlay-parts-CFeD8VN0.js → overlay-parts-BtD-Qj_k.js}

@@ -18,7 +18,7 @@ const c = t(
 c.displayName = "OverlayFooter";
 export {
   i as O,
-  v as a,
-  d as b,
-  c
+  c as a,
+  v as b,
+  d as c
 };

package/dist/primitive.d.ts

@@ -43,6 +43,7 @@ import { TextAs } from '@versaur/core/primitive';
 import { TextIntent } from '@versaur/core/primitive';
 import { TextSize } from '@versaur/core/primitive';
 import { TextWeight } from '@versaur/core/primitive';
+import { Tooltip as Tooltip_2 } from '@versaur/core/primitive';
 
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLSpanElement>> & {
     Image: ForwardRefExoticComponent<AvatarImageProps & RefAttributes<HTMLImageElement>>;
@@ -310,6 +311,17 @@ export { DotSize }
 
 export { DotVariant }
 
+export declare const FilterChip: ForwardRefExoticComponent<FilterChipProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface FilterChipProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
+    /** Whether the chip is disabled — prevents click and applies visual muted state */
+    disabled?: boolean;
+    /** Max width for label truncation (CSS length value, e.g. "12rem", "200px") */
+    maxWidth?: string;
+    /** Chip label content */
+    children: ReactNode;
+}
+
 export declare const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<HTMLHeadingElement>>;
 
 export { HeadingAs }
@@ -533,7 +545,7 @@ declare interface TooltipGetTriggerPropsOptions {
     [key: string]: any;
 }
 
-declare type TooltipPlacement = "top" | "bottom" | "left" | "right";
+declare type TooltipPlacement = Tooltip_2.Placement;
 
 export declare interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -554,10 +566,11 @@ export declare interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     gap?: number;
     /**
      * Tooltip interaction type:
-     * - "hover" (default): Show on hover, hide on hover away (100ms grace period)
+     * - "hover" (default): Show on mouse hover, hide on hover away (100ms grace period)
      * - "persisted": Show on click, persists until user clicks outside or presses Escape
+     * - "focus": Show on focus (Tab key), hide on blur
      */
-    type?: "hover" | "persisted";
+    type?: "hover" | "persisted" | "focus";
 }
 
 /**

package/dist/primitive.js

@@ -1,206 +1,18 @@
-import { jsxs as x, jsx as c } from "react/jsx-runtime";
-import { buttonStyles as k, headingStyles as R, textStyles as w, avatarStyles as S, loaderStyles as K, badgeStyles as z, bannerStyles as A, dotStyles as C, kbdStyles as O } from "@versaur/core/primitive";
-import { LoaderIcon as T, UserIcon as U, XIcon as X } from "@versaur/icons";
-import { forwardRef as u, useState as q } from "react";
-import { u as b, I as B, B as F } from "./helpers-DTL6qrTe.js";
-import { c as p } from "./cx-B9vmfsc1.js";
-import { H as ot, T as nt } from "./tooltip-BMKVL6jz.js";
-const G = u(
-  ({
-    variant: a = "primary",
-    size: r = "medium",
-    loading: t = !1,
-    disabled: e = !1,
-    pressed: o = !1,
-    leftIcon: s,
-    rightIcon: n,
-    children: l,
-    type: d = "button",
-    onClick: y,
-    className: h,
-    ...m
-  }, N) => {
-    const g = !!s, i = !!n, v = !!l;
-    let f;
-    g && i && v ? f = "both-text" : g && v ? f = "left-text" : i && v ? f = "right-text" : g && i ? f = "both" : g ? f = "left" : i && (f = "right");
-    const H = b({
-      disabled: e || t,
-      loading: t,
-      size: r,
-      variant: a,
-      ...f && { iconConfig: f }
-    }), j = (I) => {
-      if (e || t) {
-        I.preventDefault();
-        return;
-      }
-      y == null || y(I);
-    };
-    return /* @__PURE__ */ x(
-      "button",
-      {
-        ref: N,
-        type: d,
-        className: p(k.button, h),
-        "aria-pressed": o ? "true" : void 0,
-        "aria-busy": t ? "true" : void 0,
-        "aria-disabled": e || t ? "true" : void 0,
-        ...H,
-        ...m,
-        onClick: j,
-        children: [
-          t ? /* @__PURE__ */ c(B, { as: T, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
-          s,
-          l,
-          n
-        ]
-      }
-    );
-  }
-);
-G.displayName = "Button";
-const J = u(
-  ({ as: a = "h2", size: r, weight: t, intent: e = "default", case: o, transform: s, children: n, className: l, ...d }, y) => {
-    const h = a, m = b({
-      as: a,
-      case: o,
-      intent: e,
-      size: r,
-      transform: s,
-      weight: t
-    });
-    return /* @__PURE__ */ c(h, { ref: y, className: p(R.heading, l), ...m, ...d, children: n });
-  }
-);
-J.displayName = "Heading";
-const M = u(
-  ({ as: a = "p", size: r, weight: t, intent: e = "default", case: o, transform: s, children: n, className: l, ...d }, y) => {
-    const h = a, m = b({
-      as: a,
-      case: o,
-      intent: e,
-      size: r,
-      transform: s,
-      weight: t
-    });
-    return /* @__PURE__ */ c(h, { ref: y, className: p(w.text, l), ...m, ...d, children: n });
-  }
-);
-M.displayName = "Text";
-const L = u(
-  ({ variant: a = "primary", size: r = "md", shape: t = "circle", children: e, className: o, ...s }, n) => {
-    const l = b({ shape: t, size: r, variant: a }), d = e || /* @__PURE__ */ c(B, { as: U });
-    return /* @__PURE__ */ c("span", { ref: n, className: p(S.avatar, o), role: "img", ...l, ...s, children: d });
-  }
-);
-L.displayName = "Avatar";
-const D = u(({ src: a, alt: r, onError: t, className: e, ...o }, s) => {
-  const [n, l] = q(!1);
-  return n ? null : /* @__PURE__ */ c(
-    "img",
-    {
-      ref: s,
-      className: p(S["avatar-image"], e),
-      src: a,
-      alt: r,
-      onError: (d) => {
-        l(!0), t == null || t(d);
-      },
-      ...o
-    }
-  );
-});
-D.displayName = "Avatar.Image";
-const et = Object.assign(L, {
-  Image: D
-}), P = u(
-  ({ type: a = "spinner", size: r = "sm", children: t, className: e, ...o }, s) => {
-    const n = b({
-      size: r,
-      type: a
-    });
-    return /* @__PURE__ */ x("div", { ref: s, className: p(K.loader, e), ...n, ...o, children: [
-      a === "spinner" && /* @__PURE__ */ c(B, { as: T, "aria-hidden": "true" }),
-      t
-    ] });
-  }
-);
-P.displayName = "Loader";
-const Q = u(
-  ({
-    variant: a = "primary",
-    size: r = "medium",
-    shape: t = "rounded",
-    iconLeft: e,
-    iconRight: o,
-    maxWidth: s,
-    children: n,
-    style: l,
-    className: d,
-    ...y
-  }, h) => {
-    const m = !!e, N = !!o, g = !!n;
-    let i;
-    m && N && g ? i = "both-text" : m && g ? i = "left-text" : N && g ? i = "right-text" : m && N ? i = "both" : m ? i = "left" : N && (i = "right");
-    const v = b({
-      shape: t,
-      size: r,
-      variant: a,
-      ...i && { iconConfig: i }
-    }), f = {
-      ...l,
-      ...s && { "--vers-comp-badge-max-width": s }
-    };
-    return /* @__PURE__ */ x("div", { ref: h, className: p(z.badge, d), ...v, ...y, style: f, children: [
-      e,
-      n,
-      o
-    ] });
-  }
-);
-Q.displayName = "Badge";
-const V = u(
-  ({ variant: a = "info", icon: r, onDismiss: t, children: e, className: o, ...s }, n) => {
-    const l = b({
-      variant: a
-    });
-    return /* @__PURE__ */ x("div", { ref: n, className: p(A.banner, o), ...l, ...s, children: [
-      r && /* @__PURE__ */ c("div", { className: A.icon, children: r }),
-      /* @__PURE__ */ c("div", { className: A.content, children: e }),
-      t && /* @__PURE__ */ c(F, { as: X, variant: "ghost", size: "small", onClick: t, "aria-label": "Dismiss banner" })
-    ] });
-  }
-);
-V.displayName = "Banner";
-const Y = u(
-  ({ variant: a = "primary", size: r = "medium", className: t, ...e }, o) => {
-    const s = b({
-      size: r,
-      variant: a
-    });
-    return /* @__PURE__ */ c("span", { ref: o, className: p(C.dot, t), ...s, ...e });
-  }
-);
-Y.displayName = "Dot";
-const Z = u(
-  ({ variant: a = "filled", size: r = "md", children: t, className: e, ...o }, s) => {
-    const n = b({ size: r, variant: a });
-    return /* @__PURE__ */ c("kbd", { ref: s, className: p(O.kbd, e), ...n, ...o, children: t });
-  }
-);
-Z.displayName = "Kbd";
+import { A as o, B as t, a as r, b as e, D as n, H as B, c as d, K as i, L as p, T as c, d as x } from "./tooltip-60d7mYVa.js";
+import { B as I, F as T, I as b } from "./helpers-D23F5WBX.js";
 export {
-  et as Avatar,
-  Q as Badge,
-  V as Banner,
-  G as Button,
-  F as ButtonIcon,
-  Y as Dot,
-  J as Heading,
-  ot as Hr,
-  B as Icon,
-  Z as Kbd,
-  P as Loader,
-  M as Text,
-  nt as Tooltip
+  o as Avatar,
+  t as Badge,
+  r as Banner,
+  e as Button,
+  I as ButtonIcon,
+  n as Dot,
+  T as FilterChip,
+  B as Heading,
+  d as Hr,
+  b as Icon,
+  i as Kbd,
+  p as Loader,
+  c as Text,
+  x as Tooltip
 };