@koide-labs/ui 0.0.14 → 0.1.0

package/dist/components/popover/popover.js

@@ -0,0 +1,634 @@
+import { jsx as u, jsxs as Y } from "react/jsx-runtime";
+import { c as Re } from "../../clsx-OuTLNxxd.js";
+import { u as be, t as ae, T as Se } from "../../tooltip-oCp-elli.js";
+import { R as ye, P as Oe, c as x, h as Ie, d as xe, e as de, u as Ne, i as Me, f as Fe, j as ke, k as _e, p as ee, t as we } from "../../transitions.module-D9mMAtfI.js";
+import { View as Ae } from "../view/view.js";
+import { Heading as De } from "../heading/heading.js";
+import { Text as He } from "../text/text.js";
+import { Surface as Ve } from "../surface/surface.js";
+import * as n from "react";
+import { u as Be, a as Le, b as Ue, I as Ge, F as Ke } from "../../InternalBackdrop-BSMKU-hc.js";
+import { f as q } from "../../formatErrorMessage-BqPuTBN-.js";
+import * as Q from "react-dom";
+import { T as je } from "../../useTimeout-BNni6aw5.js";
+import { a as ze, u as K } from "../../useRenderElement-DngNDu_P.js";
+import { u as Ye } from "../../useOnMount-VRW6CK2u.js";
+import { j as We, C as qe, k as Je, i as Qe, l as Xe, b as Ze, F as ce, h as $e, P as et } from "../../FloatingPortal-BQsQhvIr.js";
+import { p as tt, c as ot, u as nt, a as st, b as rt, d as it } from "../../useSyncedFloatingRootContext-BB1vwkV-.js";
+import { t as J, a as X, e as at, f as Z, c as $, i as ct } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
+import { u as pt } from "../../useRole-BD3OL1rr.js";
+import { u as pe } from "../../useStableCallback-DKZHlUAT.js";
+import { u as ut } from "../../useButton-d3_JgBNr.js";
+import { u as te } from "../../useBaseUiId-B7WyxtIE.js";
+import { a as lt, s as dt, b as ft } from "../../safePolygon-DnkzOIur.js";
+import { f as mt } from "../../element-u5WgOZX1.js";
+import { i as gt } from "../../inertValue-BTpPjX30.js";
+import { u as oe } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { a as vt, b as ht, g as fe } from "../../getDisabledMountTransitionStyles-E2x-_lte.js";
+import { a as Pt, u as Et, t as Ct } from "../../useOpenChangeComplete-BHd-N7Ig.js";
+import { i as Tt } from "../../floating-ui.utils.dom-cbi420Pg.js";
+import { u as Rt } from "../../DirectionContext-C2o_MF_i.js";
+import { C as bt } from "../../composite-BwEK5cWH.js";
+import { u as St } from "../../ToolbarRootContext-CvvL0Tk1.js";
+import '../../popover.css';const ne = /* @__PURE__ */ n.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ne.displayName = "PopoverRootContext");
+function V(t) {
+  const s = n.useContext(ne);
+  if (s === void 0 && !t)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>." : q(47));
+  return s;
+}
+function yt() {
+  return {
+    ...ot(),
+    disabled: !1,
+    modal: !1,
+    instantType: void 0,
+    openMethod: null,
+    openChangeReason: null,
+    titleElementId: void 0,
+    descriptionElementId: void 0,
+    stickIfOpen: !0,
+    nested: !1,
+    openOnHover: !1,
+    closeDelay: 0
+  };
+}
+const Ot = {
+  ...tt,
+  disabled: x((t) => t.disabled),
+  instantType: x((t) => t.instantType),
+  openMethod: x((t) => t.openMethod),
+  openChangeReason: x((t) => t.openChangeReason),
+  modal: x((t) => t.modal),
+  stickIfOpen: x((t) => t.stickIfOpen),
+  titleElementId: x((t) => t.titleElementId),
+  descriptionElementId: x((t) => t.descriptionElementId),
+  openOnHover: x((t) => t.openOnHover),
+  closeDelay: x((t) => t.closeDelay)
+};
+class se extends ye {
+  constructor(s) {
+    const o = {
+      ...yt(),
+      ...s
+    };
+    o.open && s?.mounted === void 0 && (o.mounted = !0), super(o, {
+      popupRef: /* @__PURE__ */ n.createRef(),
+      backdropRef: /* @__PURE__ */ n.createRef(),
+      internalBackdropRef: /* @__PURE__ */ n.createRef(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0,
+      triggerFocusTargetRef: /* @__PURE__ */ n.createRef(),
+      beforeContentFocusGuardRef: /* @__PURE__ */ n.createRef(),
+      stickIfOpenTimeout: new je(),
+      triggerElements: new Oe()
+    }, Ot);
+  }
+  setOpen = (s, o) => {
+    const f = o.reason === J, P = o.reason === X && o.event.detail === 0, i = !s && (o.reason === at || o.reason == null);
+    if (o.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, this.context.onOpenChange?.(s, o), o.isCanceled)
+      return;
+    const a = {
+      open: s,
+      nativeEvent: o.event,
+      reason: o.reason,
+      nested: this.state.nested,
+      triggerElement: o.trigger
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", a);
+    const e = () => {
+      const m = {
+        open: s,
+        openChangeReason: o.reason
+      }, r = o.trigger?.id ?? null;
+      (r || s) && (m.activeTriggerId = r, m.activeTriggerElement = o.trigger ?? null), this.update(m);
+    };
+    f ? (this.set("stickIfOpen", !0), this.context.stickIfOpenTimeout.start(We, () => {
+      this.set("stickIfOpen", !1);
+    }), Q.flushSync(e)) : e(), P || i ? this.set("instantType", P ? "click" : "dismiss") : o.reason === Z ? this.set("instantType", "focus") : this.set("instantType", void 0);
+  };
+  static useStore(s, o) {
+    const f = ze(() => s ?? new se(o)).current;
+    return Ye(f.disposeEffect), f;
+  }
+  disposeEffect = () => this.context.stickIfOpenTimeout.disposeEffect();
+}
+function ue({
+  props: t
+}) {
+  const {
+    children: s,
+    open: o,
+    defaultOpen: f = !1,
+    onOpenChange: P,
+    onOpenChangeComplete: i,
+    modal: a = !1,
+    handle: l,
+    triggerId: e,
+    defaultTriggerId: m = null
+  } = t, r = se.useStore(l?.store, {
+    open: o ?? f,
+    modal: a,
+    activeTriggerId: e !== void 0 ? e : m
+  });
+  r.useControlledProp("open", o, f), r.useControlledProp("activeTriggerId", e, m);
+  const v = r.useState("open"), R = r.useState("positionerElement"), N = r.useState("payload"), M = r.useState("openChangeReason");
+  r.useContextCallback("onOpenChange", P), r.useContextCallback("onOpenChangeComplete", i);
+  const {
+    openMethod: p,
+    triggerProps: h,
+    reset: _
+  } = Be(v);
+  nt(r);
+  const {
+    forceUnmount: c
+  } = st(v, r, () => {
+    r.update({
+      stickIfOpen: !0,
+      openChangeReason: null
+    }), _();
+  });
+  Le(v && a === !0 && M !== J && p !== "touch", R), n.useEffect(() => {
+    v || r.context.stickIfOpenTimeout.clear();
+  }, [r, v]);
+  const F = n.useCallback((H) => {
+    const S = $(H);
+    return S.preventUnmountOnClose = () => {
+      r.set("preventUnmountingOnClose", !0);
+    }, S;
+  }, [r]), E = n.useCallback(() => {
+    r.setOpen(!1, F(ct));
+  }, [r, F]);
+  n.useImperativeHandle(t.actionsRef, () => ({
+    unmount: c,
+    close: E
+  }), [c, E]);
+  const O = rt({
+    popupStore: r,
+    onOpenChange: r.setOpen
+  }), I = xe(O, {
+    outsidePressEvent: {
+      // Ensure `aria-hidden` on outside elements is removed immediately
+      // on outside press when trapping focus.
+      mouse: a === "trap-focus" ? "sloppy" : "intentional",
+      touch: "sloppy"
+    }
+  }), C = pt(O), {
+    getReferenceProps: w,
+    getFloatingProps: k,
+    getTriggerProps: b
+  } = de([I, C]), B = n.useMemo(() => w(h), [w, h]), A = n.useMemo(() => b(h), [b, h]), L = n.useMemo(() => k(), [k]);
+  r.useSyncedValues({
+    modal: a,
+    openMethod: p,
+    activeTriggerProps: B,
+    inactiveTriggerProps: A,
+    popupProps: L,
+    floatingRootContext: O,
+    nested: Ne() != null
+  });
+  const D = n.useMemo(() => ({
+    store: r
+  }), [r]);
+  return /* @__PURE__ */ u(ne.Provider, {
+    value: D,
+    children: typeof s == "function" ? s({
+      payload: N
+    }) : s
+  });
+}
+function It(t) {
+  return V(!0) ? /* @__PURE__ */ u(ue, {
+    props: t
+  }) : /* @__PURE__ */ u(Ie, {
+    children: /* @__PURE__ */ u(ue, {
+      props: t
+    })
+  });
+}
+const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    render: f,
+    className: P,
+    disabled: i = !1,
+    nativeButton: a = !0,
+    handle: l,
+    payload: e,
+    openOnHover: m = !1,
+    delay: r = xt,
+    closeDelay: v = 0,
+    id: R,
+    ...N
+  } = s, M = V(!0), p = l?.store ?? M?.store;
+  if (!p)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle." : q(74));
+  const h = te(R), _ = p.useState("isTriggerActive", h), c = p.useState("floatingRootContext"), F = p.useState("isOpenedByTrigger", h), E = n.useRef(null), {
+    registerTrigger: O,
+    isMountedByThisTrigger: I
+  } = it(h, E, p, {
+    payload: e,
+    disabled: i,
+    openOnHover: m,
+    closeDelay: v
+  }), C = p.useState("openChangeReason"), w = p.useState("stickIfOpen"), k = p.useState("openMethod"), b = lt(c, {
+    enabled: c != null && m && (k !== "touch" || C !== X),
+    mouseOnly: !0,
+    move: !1,
+    handleClose: dt(),
+    restMs: r,
+    delay: {
+      close: v
+    },
+    triggerElementRef: E,
+    isActiveTrigger: _
+  }), B = Ue(c, {
+    enabled: c != null,
+    stickIfOpen: w
+  }), A = de([B]), L = p.useState("triggerProps", I), D = n.useMemo(() => ({
+    disabled: i,
+    open: F
+  }), [i, F]), {
+    getButtonProps: H,
+    buttonRef: S
+  } = ut({
+    disabled: i,
+    native: a
+  }), G = n.useMemo(() => ({
+    open(d) {
+      return d && C === X ? Me.open(d) : Fe.open(d);
+    }
+  }), [C]), T = K("button", s, {
+    state: D,
+    ref: [S, o, O, E],
+    props: [A.getReferenceProps(), b, L, {
+      [qe]: "",
+      id: h
+    }, N, H],
+    stateAttributesMapping: G
+  }), U = n.useRef(null), j = pe((d) => {
+    Q.flushSync(() => {
+      p.setOpen(!1, $(Z, d.nativeEvent, d.currentTarget));
+    }), Je(U.current)?.focus();
+  }), z = pe((d) => {
+    const g = p.select("positionerElement");
+    if (g && Qe(d, g))
+      p.context.beforeContentFocusGuardRef.current?.focus();
+    else {
+      Q.flushSync(() => {
+        p.setOpen(!1, $(Z, d.nativeEvent, d.currentTarget));
+      });
+      let y = Xe(E.current);
+      for (; y !== null && mt(g, y) || y?.hasAttribute("aria-hidden"); ) {
+        const W = y;
+        if (y = Ze(y), y === W)
+          break;
+      }
+      y?.focus();
+    }
+  });
+  return _ ? /* @__PURE__ */ Y(n.Fragment, {
+    children: [/* @__PURE__ */ u(ce, {
+      ref: U,
+      onFocus: j
+    }), /* @__PURE__ */ u(n.Fragment, {
+      children: T
+    }, h), /* @__PURE__ */ u(ce, {
+      ref: p.context.triggerFocusTargetRef,
+      onFocus: z
+    })]
+  }) : /* @__PURE__ */ u(n.Fragment, {
+    children: T
+  }, h);
+});
+process.env.NODE_ENV !== "production" && (me.displayName = "PopoverTrigger");
+const re = /* @__PURE__ */ n.createContext(void 0);
+process.env.NODE_ENV !== "production" && (re.displayName = "PopoverPortalContext");
+function Nt() {
+  const t = n.useContext(re);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Portal> is missing." : q(45));
+  return t;
+}
+const ge = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    keepMounted: f = !1,
+    ...P
+  } = s, {
+    store: i
+  } = V();
+  return i.useState("mounted") || f ? /* @__PURE__ */ u(re.Provider, {
+    value: f,
+    children: /* @__PURE__ */ u($e, {
+      ref: o,
+      ...P,
+      renderGuards: !1
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (ge.displayName = "PopoverPortal");
+const ie = /* @__PURE__ */ n.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ie.displayName = "PopoverPositionerContext");
+function ve() {
+  const t = n.useContext(ie);
+  if (!t)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverPositionerContext is missing. PopoverPositioner parts must be placed within <Popover.Positioner>." : q(46));
+  return t;
+}
+const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    render: f,
+    className: P,
+    anchor: i,
+    positionMethod: a = "absolute",
+    side: l = "bottom",
+    align: e = "center",
+    sideOffset: m = 0,
+    alignOffset: r = 0,
+    collisionBoundary: v = "clipping-ancestors",
+    collisionPadding: R = 5,
+    arrowPadding: N = 5,
+    sticky: M = !1,
+    disableAnchorTracking: p = !1,
+    collisionAvoidance: h = et,
+    ..._
+  } = s, {
+    store: c
+  } = V(), F = Nt(), E = ke(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), w = c.useState("openChangeReason"), k = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
+    anchor: i,
+    floatingRootContext: O,
+    positionMethod: a,
+    mounted: I,
+    side: l,
+    sideOffset: m,
+    align: e,
+    alignOffset: r,
+    arrowPadding: N,
+    collisionBoundary: v,
+    collisionPadding: R,
+    sticky: M,
+    disableAnchorTracking: p,
+    keepMounted: F,
+    nodeId: E,
+    collisionAvoidance: h,
+    adaptiveOrigin: ht
+  }), G = n.useMemo(() => {
+    const g = {};
+    return C || (g.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !I,
+      style: {
+        ...S.positionerStyles,
+        ...g
+      }
+    };
+  }, [C, I, S.positionerStyles]), T = n.useMemo(() => ({
+    props: G,
+    ...S
+  }), [G, S]), U = O?.select("domReferenceElement");
+  oe(() => {
+    const g = U, y = D.current;
+    if (g && (D.current = g), y && g && g !== y) {
+      c.set("instantType", void 0);
+      const W = new AbortController();
+      return H(() => {
+        c.set("instantType", "trigger-change");
+      }, W.signal), () => {
+        W.abort();
+      };
+    }
+  }, [U, H, c]);
+  const j = n.useMemo(() => ({
+    open: C,
+    side: T.side,
+    align: T.align,
+    anchorHidden: T.anchorHidden,
+    instant: A
+  }), [C, T.side, T.align, T.anchorHidden, A]), z = n.useCallback((g) => {
+    c.set("positionerElement", g);
+  }, [c]), d = K("div", s, {
+    state: j,
+    props: [T.props, fe(L), _],
+    ref: [o, z],
+    stateAttributesMapping: ee
+  });
+  return /* @__PURE__ */ Y(ie.Provider, {
+    value: T,
+    children: [I && b === !0 && w !== J && /* @__PURE__ */ u(Ge, {
+      ref: c.context.internalBackdropRef,
+      inert: gt(!C),
+      cutout: k
+    }), /* @__PURE__ */ u(_e, {
+      id: E,
+      children: d
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (he.displayName = "PopoverPositioner");
+const Mt = {
+  ...ee,
+  ...Ct
+}, Pe = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    className: f,
+    render: P,
+    initialFocus: i,
+    finalFocus: a,
+    ...l
+  } = s, {
+    store: e
+  } = V(), m = ve(), r = St() != null, v = Rt(), R = e.useState("open"), N = e.useState("openMethod"), M = e.useState("instantType"), p = e.useState("transitionStatus"), h = e.useState("popupProps"), _ = e.useState("titleElementId"), c = e.useState("descriptionElementId"), F = e.useState("modal"), E = e.useState("mounted"), O = e.useState("openChangeReason"), I = e.useState("popupElement"), C = e.useState("payload"), w = e.useState("positionerElement"), k = e.useState("activeTriggerElement"), b = e.useState("floatingRootContext");
+  Et({
+    open: R,
+    ref: e.context.popupRef,
+    onComplete() {
+      R && e.context.onOpenChangeComplete?.(!0);
+    }
+  });
+  const B = e.useState("disabled"), A = e.useState("openOnHover"), L = e.useState("closeDelay");
+  ft(b, {
+    enabled: A && !B,
+    closeDelay: L
+  });
+  function D(d) {
+    return d === "touch" ? e.context.popupRef.current : !0;
+  }
+  const H = i === void 0 ? D : i, S = n.useMemo(() => ({
+    open: R,
+    side: m.side,
+    align: m.align,
+    instant: M,
+    transitionStatus: p
+  }), [R, m.side, m.align, M, p]), G = n.useCallback((d) => {
+    e.set("popupElement", d);
+  }, [e]);
+  function T() {
+    b.context.events.emit("measure-layout");
+  }
+  function U(d, g) {
+    b.context.events.emit("measure-layout-complete", {
+      previousDimensions: d,
+      nextDimensions: g
+    });
+  }
+  const j = n.useCallback(() => e.context.triggerElements.size > 1, [e]);
+  be({
+    popupElement: I,
+    positionerElement: w,
+    mounted: E,
+    content: C,
+    enabled: j,
+    onMeasureLayout: T,
+    onMeasureLayoutComplete: U,
+    side: m.side,
+    direction: v
+  });
+  const z = K("div", s, {
+    state: S,
+    ref: [o, e.context.popupRef, G],
+    props: [h, {
+      "aria-labelledby": _,
+      "aria-describedby": c,
+      onKeyDown(d) {
+        r && bt.has(d.key) && d.stopPropagation();
+      }
+    }, fe(p), l],
+    stateAttributesMapping: Mt
+  });
+  return /* @__PURE__ */ u(Ke, {
+    context: b,
+    openInteractionType: N,
+    modal: F === "trap-focus",
+    disabled: !E || O === J,
+    initialFocus: H,
+    returnFocus: a,
+    restoreFocus: "popup",
+    previousFocusableElement: Tt(k) ? k : void 0,
+    nextFocusableElement: e.context.triggerFocusTargetRef,
+    beforeContentFocusGuardRef: e.context.beforeContentFocusGuardRef,
+    children: z
+  });
+});
+process.env.NODE_ENV !== "production" && (Pe.displayName = "PopoverPopup");
+const Ee = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    className: f,
+    render: P,
+    ...i
+  } = s, {
+    store: a
+  } = V(), l = a.useState("open"), {
+    arrowRef: e,
+    side: m,
+    align: r,
+    arrowUncentered: v,
+    arrowStyles: R
+  } = ve(), N = n.useMemo(() => ({
+    open: l,
+    side: m,
+    align: r,
+    uncentered: v
+  }), [l, m, r, v]);
+  return K("div", s, {
+    state: N,
+    ref: [o, e],
+    props: [{
+      style: R,
+      "aria-hidden": !0
+    }, i],
+    stateAttributesMapping: ee
+  });
+});
+process.env.NODE_ENV !== "production" && (Ee.displayName = "PopoverArrow");
+const Ce = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    render: f,
+    className: P,
+    ...i
+  } = s, {
+    store: a
+  } = V(), l = te(i.id);
+  return oe(() => (a.set("titleElementId", l), () => {
+    a.set("titleElementId", void 0);
+  }), [a, l]), K("h2", s, {
+    ref: o,
+    props: [{
+      id: l
+    }, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (Ce.displayName = "PopoverTitle");
+const Te = /* @__PURE__ */ n.forwardRef(function(s, o) {
+  const {
+    render: f,
+    className: P,
+    ...i
+  } = s, {
+    store: a
+  } = V(), l = te(i.id);
+  return oe(() => (a.set("descriptionElementId", l), () => {
+    a.set("descriptionElementId", void 0);
+  }), [a, l]), K("p", s, {
+    ref: o,
+    props: [{
+      id: l
+    }, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (Te.displayName = "PopoverDescription");
+const Ft = "_popover_10gkd_2", kt = "_popover__header_10gkd_7", le = {
+  popover: Ft,
+  popover__header: kt
+};
+function po({
+  align: t,
+  side: s,
+  title: o,
+  description: f,
+  background: P = "root",
+  trigger: i,
+  className: a,
+  children: l,
+  ...e
+}) {
+  return /* @__PURE__ */ Y(It, { ...e, children: [
+    i ? /* @__PURE__ */ u(me, { render: i }) : null,
+    /* @__PURE__ */ u(ge, { children: /* @__PURE__ */ u(he, { align: t, side: s, sideOffset: 8, children: /* @__PURE__ */ Y(
+      Pe,
+      {
+        render: /* @__PURE__ */ u(Ve, { background: P }),
+        className: Re(
+          ae.tooltip,
+          le.popover,
+          we.transition_scale,
+          a
+        ),
+        children: [
+          /* @__PURE__ */ u(Ee, { className: ae.tooltip__arrow, children: /* @__PURE__ */ u(Se.Arrow, {}) }),
+          o || f ? /* @__PURE__ */ Y(Ae, { className: le.popover__header, children: [
+            o ? /* @__PURE__ */ u(
+              Ce,
+              {
+                render: /* @__PURE__ */ u(De, { level: 2, size: "2xl" }),
+                children: o
+              }
+            ) : null,
+            f ? /* @__PURE__ */ u(
+              Te,
+              {
+                render: /* @__PURE__ */ u(He, { color: "dimmer" }),
+                children: f
+              }
+            ) : null
+          ] }) : null,
+          l
+        ]
+      }
+    ) }) })
+  ] });
+}
+export {
+  po as Popover
+};

package/dist/components/preview-card/index.d.ts

@@ -1,17 +1 @@
-import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
-import { ReactElement, ReactNode } from 'react';
-import { Background } from '../surface';
-export type PreviewCardProps = PreviewCardPrimitive.Root.Props & Pick<PreviewCardPrimitive.Positioner.Props, "align" | "side"> & {
-    /**
-     * Specify trigger to open preview.
-     * You should use an Anchor component.
-     */
-    trigger?: ReactElement;
-    /** Surface background preview card should use. Defaults to "root". */
-    background?: Background;
-    /** Apply styles to preview card content. */
-    className?: string;
-    /** Preview card content */
-    children?: ReactNode;
-};
-export declare function PreviewCard({ align, side, background, trigger, children, className, ...props }: PreviewCardProps): import("react/jsx-runtime").JSX.Element;
+export { PreviewCard } from './preview-card';