@vllnt/ui 0.2.0 → 0.2.1-canary.06f0e84

package/dist/components/infinite-plane/index.js

@@ -0,0 +1,6 @@
+import {
+  InfinitePlane
+} from "./infinite-plane";
+export {
+  InfinitePlane
+};

package/dist/components/infinite-plane/infinite-plane.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  forwardRef
+} from "react";
+import { cn } from "../../lib/utils";
+const DEFAULT_LABELS = {
+  region: "Infinite plane"
+};
+const safeSpacing = (value) => value < 4 ? 4 : value;
+const safeZoom = (value) => {
+  if (value < 0.1) {
+    return 0.1;
+  }
+  if (value > 10) {
+    return 10;
+  }
+  return value;
+};
+const buildBackground = (input) => {
+  if (input.pattern === "blank") {
+    return {};
+  }
+  const size = safeSpacing(input.spacing) * safeZoom(input.zoom);
+  const pos = `${input.translate.x}px ${input.translate.y}px`;
+  if (input.pattern === "grid") {
+    return {
+      backgroundImage: "linear-gradient(to right, hsl(var(--border)) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border)) 1px, transparent 1px)",
+      backgroundPosition: pos,
+      backgroundSize: `${size}px ${size}px`
+    };
+  }
+  return {
+    backgroundImage: "radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px)",
+    backgroundPosition: pos,
+    backgroundSize: `${size}px ${size}px`
+  };
+};
+const InfinitePlane = forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      className,
+      labels,
+      pattern = "dot",
+      spacing = 32,
+      translate = { x: 0, y: 0 },
+      zoom = 1,
+      ...rest
+    } = props;
+    const resolvedLabels = { ...DEFAULT_LABELS, ...labels };
+    const background = buildBackground({ pattern, spacing, translate, zoom });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": resolvedLabels.region,
+        className: cn(
+          "relative h-full w-full overflow-hidden bg-background",
+          className
+        ),
+        "data-infinite-plane": true,
+        "data-infinite-plane-pattern": pattern,
+        ref,
+        role: "region",
+        style: background,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+InfinitePlane.displayName = "InfinitePlane";
+export {
+  InfinitePlane
+};

package/dist/components/interactive-timeline/index.js

@@ -0,0 +1,16 @@
+import {
+  InteractiveTimeline,
+  InteractiveTimelineFilter,
+  InteractiveTimelineToday,
+  InteractiveTimelineToolbar,
+  InteractiveTimelineZoomIn,
+  InteractiveTimelineZoomOut
+} from "./interactive-timeline";
+export {
+  InteractiveTimeline,
+  InteractiveTimelineFilter,
+  InteractiveTimelineToday,
+  InteractiveTimelineToolbar,
+  InteractiveTimelineZoomIn,
+  InteractiveTimelineZoomOut
+};