@loczer/storefront-sdk 0.153.0 → 0.154.0

package/dist/ui/select.js

@@ -1,255 +1,181 @@
-import { jsxs as I, jsx as t } from "react/jsx-runtime";
-import * as e from "react";
-import { Select as i } from "@base-ui/react/select";
-import { ChevronDown as A, ChevronUp as M, Check as q } from "lucide-react";
-import { cn as N } from "@rpcbase/ui";
-function $({
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import * as l from "react";
+import { Select as a } from "@base-ui/react/select";
+import { ChevronDown as f, ChevronUp as w, Check as g } from "lucide-react";
+import { cn as c } from "@rpcbase/ui";
+import { Slot as y } from "./slot.js";
+import { useThemeAppearance as b } from "./theme.js";
+const m = (e) => {
+  if (e !== void 0)
+    return e === "" ? null : e;
+};
+function U({
+  value: e,
+  defaultValue: t,
   onValueChange: r,
-  ...l
+  open: n,
+  defaultOpen: s = !1,
+  onOpenChange: i,
+  children: S
 }) {
-  return /* @__PURE__ */ t(
-    i.Root,
+  return /* @__PURE__ */ o(
+    a.Root,
     {
-      onValueChange: (o) => {
-        o !== null && r?.(o);
-      },
-      ...l
+      value: m(e),
+      defaultValue: m(t),
+      onValueChange: (d) => r?.(d ?? ""),
+      open: n,
+      defaultOpen: s,
+      onOpenChange: (d) => i?.(d),
+      children: S
     }
   );
 }
-const J = i.Group, K = i.Value, z = e.forwardRef(({ className: r, children: l, ...o }, u) => /* @__PURE__ */ I(
-  i.Trigger,
-  {
-    ref: u,
-    className: N(
-      "flex h-10 w-full cursor-pointer items-center text-left rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&>span]:line-clamp-1",
-      r
-    ),
-    ...o,
-    children: [
-      l,
-      /* @__PURE__ */ t(i.Icon, { className: "ml-auto flex h-4 w-4 shrink-0 items-center justify-center opacity-50", children: /* @__PURE__ */ t(A, { className: "h-4 w-4" }) })
-    ]
-  }
-));
-z.displayName = "SelectTrigger";
-const E = e.createContext(null), P = e.forwardRef(
-  ({ direction: r, speed: l = 400, className: o, children: u, ...m }, C) => {
-    const k = e.useContext(E), [f, R] = e.useState(!0), p = e.useRef(null), h = e.useRef(null), w = e.useRef(!1), a = k?.viewport, b = e.useCallback(() => {
-      if (!a) {
-        R(!0);
-        return;
-      }
-      const { scrollTop: n, scrollHeight: g, clientHeight: d } = a, s = 2, S = n > s, v = n < g - d - s;
-      if (!(g > d + s)) {
-        R(!0);
-        return;
-      }
-      R(r === "up" ? !S : !v);
-    }, [r, a]);
-    e.useEffect(() => {
-      if (!a) return;
-      b();
-      const n = () => b(), g = () => b();
-      a.addEventListener("scroll", n, { passive: !0 });
-      const d = new ResizeObserver(g);
-      d.observe(a);
-      const s = new MutationObserver(g);
-      return s.observe(a, { childList: !0, subtree: !0 }), () => {
-        a.removeEventListener("scroll", n), d.disconnect(), s.disconnect();
-      };
-    }, [b, a]);
-    const c = e.useCallback(() => {
-      p.current !== null && (cancelAnimationFrame(p.current), p.current = null), w.current = !1, h.current = null;
-    }, []), x = e.useCallback((n) => {
-      if (!a || f || !w.current) {
-        c();
-        return;
-      }
-      h.current || (h.current = n);
-      const g = n - h.current, d = l * g / 1e3;
-      if (d < 0.1) {
-        p.current = requestAnimationFrame(x);
-        return;
-      }
-      const s = a.scrollTop, S = a.scrollHeight - a.clientHeight, v = r === "up" ? Math.max(0, s - d) : Math.min(S, s + d);
-      a.scrollTo({ top: v }), h.current = n;
-      const y = 1;
-      if ((r === "up" ? v > y : v < S - y) && Math.abs(v - s) > 0.01) {
-        p.current = requestAnimationFrame(x);
-        return;
-      }
-      c(), setTimeout(b, 16);
-    }, [b, r, f, l, c, a]), T = e.useCallback(() => {
-      f || !a || w.current || (w.current = !0, h.current = null, p.current = requestAnimationFrame(x));
-    }, [f, x, a]);
-    return e.useEffect(() => () => c(), [c]), /* @__PURE__ */ t(
-      "div",
-      {
-        ...m,
-        ref: C,
-        className: N(
-          "flex items-center justify-center py-1 select-none",
-          f ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20",
-          o
-        ),
-        onPointerEnter: (n) => {
-          m.onPointerEnter?.(n), f || T();
-        },
-        onPointerMove: (n) => {
-          m.onPointerMove?.(n), !f && !w.current && T();
-        },
-        onPointerLeave: (n) => {
-          m.onPointerLeave?.(n), c();
-        },
-        children: u
-      }
-    );
-  }
+const N = l.forwardRef(
+  ({ ...e }, t) => /* @__PURE__ */ o(a.Group, { ref: t, ...e })
 );
-P.displayName = "ScrollButtonImpl";
-const L = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(P, { ref: o, direction: "up", className: r, ...l, children: /* @__PURE__ */ t(M, { className: "h-4 w-4" }) }));
-L.displayName = "SelectScrollUpButton";
-const B = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(P, { ref: o, direction: "down", className: r, ...l, children: /* @__PURE__ */ t(A, { className: "h-4 w-4" }) }));
-B.displayName = "SelectScrollDownButton";
-const D = e.forwardRef(({
-  className: r,
-  children: l,
-  position: o = "popper",
-  autoScroll: u,
-  footer: m,
-  side: C = "bottom",
-  sideOffset: k = 4,
-  align: f = "start",
-  alignOffset: R,
-  collisionBoundary: p,
-  collisionPadding: h,
-  positionMethod: w,
-  ...a
-}, b) => {
-  const [c, x] = e.useState(null);
-  return e.useEffect(() => {
-    if (!c || !u) return;
-    const n = requestAnimationFrame(() => {
-      if (c.querySelector('[role="option"][data-selected]')) return;
-      const d = Array.from(c.querySelectorAll('[role="option"]'));
-      if (!d.length) return;
-      let s, S;
-      for (const y of d) {
-        if (!y.hasAttribute("data-disabled")) {
-          s = y;
-          break;
-        }
-        S = y;
-      }
-      if (!s) return;
-      const v = u === "firstEnabledWithContext" && S ? S : s;
-      c.scrollTo({ top: Math.max(0, v.offsetTop - 8) });
-    });
-    return () => cancelAnimationFrame(n);
-  }, [u, c]), /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(
-    i.Positioner,
+N.displayName = "SelectGroup";
+const x = l.forwardRef(
+  ({ placeholder: e, children: t, ...r }, n) => /* @__PURE__ */ o(a.Value, { ref: n, placeholder: e, ...r, children: t })
+);
+x.displayName = "SelectValue";
+const I = l.forwardRef(
+  ({ className: e, children: t, ...r }, n) => /* @__PURE__ */ p(
+    a.Trigger,
     {
-      side: C,
-      sideOffset: k,
-      align: f,
-      alignOffset: R,
-      collisionBoundary: p,
-      collisionPadding: h,
-      positionMethod: w,
-      alignItemWithTrigger: o !== "popper",
-      className: "pointer-events-auto z-[60]",
-      children: /* @__PURE__ */ t(
-        i.Popup,
-        {
-          ref: b,
-          className: N(
-            "pointer-events-auto relative max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:pointer-events-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-            o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-            r
-          ),
-          render: (T, n) => /* @__PURE__ */ t(
-            "div",
-            {
-              ...T,
-              "data-state": n.open ? "open" : "closed",
-              "aria-hidden": n.open ? void 0 : !0
-            }
-          ),
-          ...a,
-          children: /* @__PURE__ */ I(E.Provider, { value: { viewport: c, setViewport: x }, children: [
-            /* @__PURE__ */ t(L, {}),
-            /* @__PURE__ */ t(
-              i.List,
-              {
-                ref: x,
-                className: N(
-                  "p-1 overflow-y-auto",
-                  o === "popper" && "max-h-[var(--available-height)] min-w-[var(--anchor-width)]"
-                ),
-                children: l
-              }
-            ),
-            /* @__PURE__ */ t(B, {}),
-            m
-          ] })
-        }
-      )
+      ref: n,
+      className: c(
+        "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        e
+      ),
+      ...r,
+      children: [
+        t,
+        /* @__PURE__ */ o(a.Icon, { children: /* @__PURE__ */ o(f, { className: "h-4 w-4 opacity-50" }) })
+      ]
     }
-  ) });
-});
-D.displayName = "SelectContent";
-const F = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(
-  i.GroupLabel,
+  )
+);
+I.displayName = "SelectTrigger";
+const u = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
+  a.ScrollUpArrow,
   {
-    ref: o,
-    className: N("py-1.5 pl-8 pr-2 text-sm font-semibold", r),
-    ...l
+    ref: r,
+    className: c(
+      "flex items-center justify-center py-1 cursor-default select-none opacity-100 hover:bg-accent/20",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ o(w, { className: "h-4 w-4" })
   }
 ));
-F.displayName = "SelectLabel";
-const j = e.forwardRef(({ className: r, children: l, ...o }, u) => /* @__PURE__ */ I(
-  i.Item,
+u.displayName = "SelectScrollUpButton";
+const h = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
+  a.ScrollDownArrow,
   {
-    ref: u,
-    className: N(
-      "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      r
+    ref: r,
+    className: c(
+      "flex items-center justify-center py-1 cursor-default select-none opacity-100 hover:bg-accent/20",
+      e
     ),
-    render: (m, C) => /* @__PURE__ */ t(
-      "div",
+    ...t,
+    children: /* @__PURE__ */ o(f, { className: "h-4 w-4" })
+  }
+));
+h.displayName = "SelectScrollDownButton";
+const v = l.forwardRef(
+  ({ className: e, children: t, position: r = "popper", ...n }, s) => {
+    const i = b();
+    return /* @__PURE__ */ o(a.Portal, { children: /* @__PURE__ */ o(
+      a.Positioner,
       {
-        ...m,
-        "data-state": C.selected ? "checked" : "unchecked"
+        side: "bottom",
+        align: "start",
+        sideOffset: r === "popper" ? 4 : 0,
+        positionMethod: "fixed",
+        className: "z-[60]",
+        alignItemWithTrigger: r !== "popper",
+        collisionPadding: 8,
+        collisionAvoidance: { side: "flip", align: "shift", fallbackAxisSide: "none" },
+        children: /* @__PURE__ */ p(
+          a.Popup,
+          {
+            ref: s,
+            className: c(
+              i === "dark" && "dark",
+              "relative z-[60] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md transition-opacity duration-75 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+              r === "popper" && "min-w-[var(--anchor-width)]",
+              e
+            ),
+            ...n,
+            children: [
+              /* @__PURE__ */ o(u, {}),
+              /* @__PURE__ */ o(a.List, { className: "p-1 overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: t }),
+              /* @__PURE__ */ o(h, {})
+            ]
+          }
+        )
       }
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(i.ItemIndicator, { children: /* @__PURE__ */ t(q, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ t(i.ItemText, { children: l })
-    ]
+    ) });
+  }
+);
+v.displayName = "SelectContent";
+const R = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
+  a.GroupLabel,
+  {
+    ref: r,
+    className: c("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    ...t
   }
 ));
-j.displayName = "SelectItem";
-const H = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(
-  "div",
+R.displayName = "SelectLabel";
+const C = l.forwardRef(
+  ({ className: e, children: t, value: r, disabled: n, ...s }, i) => /* @__PURE__ */ p(
+    a.Item,
+    {
+      ref: i,
+      value: r,
+      disabled: n,
+      className: c(
+        "relative flex w-full select-none items-center whitespace-nowrap rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 cursor-pointer",
+        e
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(a.ItemIndicator, { children: /* @__PURE__ */ o(g, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ o(a.ItemText, { children: t })
+      ]
+    }
+  )
+);
+C.displayName = "SelectItem";
+const T = l.forwardRef(({ ...e }, t) => /* @__PURE__ */ o(a.ItemText, { ref: t, ...e }));
+T.displayName = "SelectItemText";
+const k = l.forwardRef(({ ...e }, t) => /* @__PURE__ */ o(a.ItemIndicator, { ref: t, ...e }));
+k.displayName = "SelectItemIndicator";
+const j = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
+  a.Separator,
   {
-    ref: o,
-    role: "separator",
-    className: N("-mx-1 my-1 h-px bg-muted", r),
-    ...l
+    ref: r,
+    className: c("-mx-1 my-1 h-px bg-muted", e),
+    ...t
   }
 ));
-H.displayName = "SelectSeparator";
+j.displayName = "SelectSeparator";
+const V = l.forwardRef(({ asChild: e, ...t }, r) => /* @__PURE__ */ o(e ? y : "span", { ref: r, ...t }));
+V.displayName = "SelectIcon";
 export {
-  $ as Select,
-  D as SelectContent,
-  J as SelectGroup,
-  j as SelectItem,
-  F as SelectLabel,
-  B as SelectScrollDownButton,
-  L as SelectScrollUpButton,
-  H as SelectSeparator,
-  z as SelectTrigger,
-  K as SelectValue
+  U as Select,
+  v as SelectContent,
+  N as SelectGroup,
+  V as SelectIcon,
+  C as SelectItem,
+  k as SelectItemIndicator,
+  T as SelectItemText,
+  R as SelectLabel,
+  h as SelectScrollDownButton,
+  u as SelectScrollUpButton,
+  j as SelectSeparator,
+  I as SelectTrigger,
+  x as SelectValue
 };

package/dist/ui/slot.d.ts

@@ -1,11 +1,7 @@
 import * as React from "react";
-type AnyRef<T> = React.Ref<T> | undefined;
-export declare function composeRefs<T>(...refs: AnyRef<T>[]): (node: T | null) => void;
-export type SlotProps = React.HTMLAttributes<HTMLElement> & {
-    children?: React.ReactNode;
-};
-export declare const Slot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+declare const composeRefs: <T>(...refs: Array<React.Ref<T> | undefined>) => (node: T | null) => void;
+declare const Slot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLElement>>;
-export {};
+export { Slot, composeRefs };
 //# sourceMappingURL=slot.d.ts.map

package/dist/ui/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/ui/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;AAEzC,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,IACzC,MAAM,CAAC,GAAG,IAAI,UAUvB;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,IAAI;eAHJ,KAAK,CAAC,SAAS;qCA6B3B,CAAA"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/ui/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,MACvD,MAAM,CAAC,GAAG,IAAI,SAYvB,CAAA;AAmED,QAAA,MAAM,IAAI;eAHG,KAAK,CAAC,SAAS;qCAgB1B,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/slot.js

@@ -1,33 +1,53 @@
-import * as r from "react";
-import { mergeProps as c } from "@base-ui/react/merge-props";
-function i(...o) {
-  return (s) => {
-    for (const e of o)
-      if (e) {
-        if (typeof e == "function") {
-          e(s);
-          continue;
-        }
-        e.current = s;
+import * as f from "react";
+import { cn as u } from "@rpcbase/ui";
+const a = (...t) => (n) => {
+  t.forEach((e) => {
+    if (e) {
+      if (typeof e == "function") {
+        e(n);
+        return;
       }
-  };
-}
-const m = r.forwardRef(
-  ({ children: o, ...s }, e) => {
-    if (!r.isValidElement(o))
-      return o == null ? null : r.Children.only(o);
-    const t = o, a = t.props.ref, n = s.className, l = typeof t.props.className == "string" ? t.props.className : void 0, f = c(
-      s,
-      t.props
-    );
-    return (n || l) && (f.className = [n, l].filter(Boolean).join(" ")), r.cloneElement(t, {
-      ...f,
-      ref: i(a, e)
+      e.current = n;
+    }
+  });
+}, i = (t) => typeof t == "function" && "isReactWarning" in t && !!t.isReactWarning, l = (t) => {
+  const n = Object.getOwnPropertyDescriptor(t.props, "ref"), e = n?.get;
+  if (i(e))
+    return t.ref;
+  if (n)
+    return t.props.ref;
+  const r = Object.getOwnPropertyDescriptor(t, "ref")?.get;
+  return i(r) ? t.props.ref : t.ref;
+}, p = (t, n) => /^on[A-Z]/.test(t) && typeof n == "function", R = (t, n) => {
+  const e = { ...t, ...n };
+  return Object.keys(t).forEach((r) => {
+    const o = t[r], c = n[r];
+    if (p(r, o) && p(r, c)) {
+      e[r] = (...s) => {
+        c(...s), s[0]?.defaultPrevented || o(...s);
+      };
+      return;
+    }
+    if (r === "className") {
+      e[r] = u(c, o);
+      return;
+    }
+    r === "style" && (e[r] = {
+      ...o,
+      ...c
     });
-  }
-);
+  }), e;
+}, m = f.forwardRef(({ children: t, ...n }, e) => {
+  if (!f.isValidElement(t))
+    return null;
+  const r = t, o = l(r), c = R(n, r.props);
+  return f.cloneElement(r, {
+    ...c,
+    ref: a(o, e)
+  });
+});
 m.displayName = "Slot";
 export {
   m as Slot,
-  i as composeRefs
+  a as composeRefs
 };

package/dist/ui/theme.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type ThemeAppearance = "light" | "dark";
+type ThemeProps = React.HTMLAttributes<HTMLDivElement> & {
+    appearance?: ThemeAppearance;
+};
+declare function Theme({ appearance, className, children, ...props }: ThemeProps): import("react/jsx-runtime").JSX.Element;
+declare const useThemeAppearance: () => ThemeAppearance;
+export { Theme, useThemeAppearance };
+//# sourceMappingURL=theme.d.ts.map

package/dist/ui/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ui/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,CAAA;AAIvC,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,UAAU,CAAC,EAAE,eAAe,CAAA;CAC7B,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,UAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAWZ;AAED,QAAA,MAAM,kBAAkB,uBAAiD,CAAA;AAEzE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/ui/theme.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as a } from "@rpcbase/ui";
+const o = r.createContext("light");
+function h({
+  appearance: e = "light",
+  className: n,
+  children: c,
+  ...m
+}) {
+  return /* @__PURE__ */ t(o.Provider, { value: e, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(e === "dark" && "dark", "contents", n),
+      ...m,
+      children: c
+    }
+  ) });
+}
+const p = () => r.useContext(o);
+export {
+  h as Theme,
+  p as useThemeAppearance
+};

package/dist/ui/tooltip.d.ts

@@ -1,20 +1,37 @@
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';
 import * as React from "react";
-declare function TooltipProvider({ delayDuration, skipDelayDuration: _skipDelayDuration, ...props }: TooltipPrimitive.Provider.Props & {
+type TooltipProviderProps = {
+    children?: React.ReactNode;
     delayDuration?: number;
-    skipDelayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ delayDuration, children, ...props }: TooltipPrimitive.Root.Props & {
+    delay?: number;
+    closeDelay?: number;
+};
+declare function TooltipProvider({ children, delayDuration, delay, closeDelay, }: TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
+type TooltipProps = {
     delayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
-declare const TooltipPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function TooltipTrigger({ asChild, children, ...props }: TooltipPrimitive.Trigger.Props & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+};
+declare function Tooltip({ delayDuration, open, defaultOpen, onOpenChange, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<Omit<import('@base-ui/react').TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "side" | "sideOffset" | "align" | "alignOffset"> & Pick<Omit<Omit<import('@base-ui/react').TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "container"> & {
-    positionerClassName?: string;
+    delay?: number;
+    closeDelay?: number;
+    closeOnClick?: boolean;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+type TooltipSide = "top" | "right" | "bottom" | "left";
+type TooltipAlign = "start" | "center" | "end";
+declare const TooltipContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     disableAnimation?: boolean;
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    sideOffset?: number;
+    theme?: "dark" | "light";
+    container?: React.ComponentProps<typeof BaseTooltip.Portal>["container"];
+    positionerClassName?: string;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipArrow, Tooltip as Root, TooltipTrigger as Trigger, TooltipContent as Content, TooltipPortal as Portal, TooltipProvider as Provider, TooltipArrow as Arrow, };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, Tooltip as Root, TooltipTrigger as Trigger, TooltipContent as Content, TooltipProvider as Provider, };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIpE,iBAAS,eAAe,CAAC,EACvB,aAAa,EACb,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,GAAG;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,2CAEA;AAED,iBAAS,OAAO,CAAC,EACf,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,GAAG;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,2CAU1D;AAED,QAAA,MAAM,aAAa,iIAA0B,CAAA;AAE7C,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CASxD;AAYD,QAAA,MAAM,cAAc;0BAJM,MAAM;uBACT,OAAO;wCA2B5B,CAAA;AAGF,QAAA,MAAM,YAAY,gIAAyB,CAAA;AAE3C,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,eAAe,EACf,YAAY,EACZ,OAAO,IAAI,IAAI,EACf,cAAc,IAAI,OAAO,EACzB,cAAc,IAAI,OAAO,EACzB,aAAa,IAAI,MAAM,EACvB,eAAe,IAAI,QAAQ,EAC3B,YAAY,IAAI,KAAK,GACtB,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAe/D,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAiB,EACjB,KAAK,EACL,UAAU,GACX,EAAE,oBAAoB,2CAMtB;AAED,KAAK,YAAY,GAAG;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,aAAiB,EACjB,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,2CAYd;AAUD,QAAA,MAAM,cAAc;cAPR,OAAO;YACT,MAAM;iBACD,MAAM;mBACJ,OAAO;eACX,OAAO;2CAgBnB,CAAA;AAGD,KAAK,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AACtD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAY9C,QAAA,MAAM,cAAc;uBATC,OAAO;WACnB,WAAW;YACV,YAAY;iBACP,MAAM;YACX,MAAM,GAAG,OAAO;gBACZ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC;0BAClD,MAAM;wCAkD7B,CAAA;AAGD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,EACf,OAAO,IAAI,IAAI,EACf,cAAc,IAAI,OAAO,EACzB,cAAc,IAAI,OAAO,EACzB,eAAe,IAAI,QAAQ,GAC5B,CAAA"}