@justanarthur/modo-ui 0.0.0-stage → 0.2.0

package/dist/shared/components-3ky44908.js

@@ -0,0 +1,9 @@
+// lib/slot.ts
+import { isValidElement } from "react";
+function slotRender(render, asChild, children) {
+  if (render)
+    return render;
+  return asChild && isValidElement(children) ? children : undefined;
+}
+
+export { slotRender };

package/dist/shared/components-3mkepka5.js

@@ -0,0 +1,111 @@
+import {
+  MorphSurface
+} from "./components-0q0sqfh4.js";
+import {
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
+import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
+
+// components/overlays/preview-card/index.tsx
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useImperativeHandle,
+  useMemo
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var PreviewCardContext = createContext({ open: false, origin: { current: {} } });
+var PreviewCardTrigger2 = forwardRef(({ render, className, ...props }, ref) => /* @__PURE__ */ jsx(PreviewCardPrimitive.Trigger, {
+  ref,
+  render,
+  className: cn2(!render && "weight-medium text-foreground underline decoration-border underline-offset-4 transition-colors duration-fast hover:decoration-foreground", className),
+  ...props
+}));
+PreviewCardTrigger2.displayName = "PreviewCardTrigger";
+var PreviewCardContent2 = forwardRef(({
+  side = "bottom",
+  align,
+  sideOffset = 12,
+  from,
+  effect,
+  hideSource,
+  tier,
+  container,
+  className,
+  children,
+  ...props
+}, ref) => {
+  const { open, origin } = useContext(PreviewCardContext);
+  const morph = useMorph(open, origin, { from, effect, hideSource, tier });
+  const inPlace = opensInPlace({ effect, hideSource });
+  useImperativeHandle(ref, () => morph.popup, [morph.popup]);
+  const shape = useShape();
+  const level = Math.min(useSurface2() + 2, 8);
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Portal, {
+    container: container ?? undefined,
+    children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Positioner, {
+      side,
+      align: align ?? (inPlace ? "start" : "center"),
+      sideOffset: inPlace ? inPlaceOffset : sideOffset,
+      className: "z-50 outline-none",
+      children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Popup, {
+        ref: morph.popupRef,
+        className: "relative outline-none",
+        ...props,
+        children: /* @__PURE__ */ jsx(SurfaceProvider2, {
+          value: level,
+          children: /* @__PURE__ */ jsx(MorphSurface, {
+            morph,
+            bg: SURFACE_BG[level],
+            shadow: SURFACE_SHADOW[3],
+            radius: shape.container,
+            className: cn2("flex w-max max-w-[min(92vw,20rem)] flex-col gap-3 p-4", className),
+            children
+          })
+        })
+      })
+    })
+  });
+});
+PreviewCardContent2.displayName = "PreviewCardContent";
+function PreviewCard2({ open, defaultOpen = false, onOpenChange, children }) {
+  const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
+  const { origin, capture } = useMorphOrigin();
+  const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
+  return /* @__PURE__ */ jsx(PreviewCardContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Root, {
+      open: current,
+      onOpenChange: (next, details) => {
+        if (next)
+          capture(details);
+        setCurrent(next);
+      },
+      children
+    })
+  });
+}
+PreviewCard2.Trigger = PreviewCardTrigger2;
+PreviewCard2.Content = PreviewCardContent2;
+var preview_card_default = PreviewCard2;
+
+export { PreviewCardTrigger2, PreviewCardContent2, PreviewCard2, preview_card_default };