@witchcraft/ui 0.1.0 → 0.1.1

package/dist/runtime/composables/useScrollNearContainerEdges.stories.js

@@ -1,85 +0,0 @@
-import { onMounted, ref } from "vue";
-import { useScrollNearContainerEdges } from "./useScrollNearContainerEdges.js";
-import { twMerge } from "../utils/twMerge.js";
-const meta = {
-  title: "Composables/ScrollNearContainerEdges"
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    setup: () => {
-      const containerEl = ref(null);
-      const {
-        resetScrollIndicator,
-        scrollEdges,
-        endScroll,
-        scrollIndicator,
-        isScrolling
-      } = useScrollNearContainerEdges({
-        containerEl,
-        scrollMargin: 20,
-        outerScrollMargin: 20
-      });
-      const pos = ref({ x: 0, y: 0 });
-      onMounted(() => {
-        pos.value.x = containerEl.value.getBoundingClientRect().left;
-        pos.value.y = containerEl.value.getBoundingClientRect().top;
-      });
-      const moveDrag = (e) => {
-        pos.value.x = e.clientX;
-        pos.value.y = e.clientY;
-        scrollEdges(e.clientX, e.clientY);
-      };
-      const endDrag = (_e) => {
-        endScroll();
-        document.removeEventListener("mousemove", moveDrag);
-        document.removeEventListener("mouseup", endDrag);
-      };
-      const startDrag = (_e) => {
-        document.addEventListener("mousemove", moveDrag);
-        document.addEventListener("mouseup", endDrag);
-      };
-      return {
-        args,
-        containerEl,
-        resetScrollIndicator,
-        scrollEdges,
-        endScroll,
-        startDrag,
-        scrollIndicator,
-        isScrolling,
-        twMerge,
-        pos
-      };
-    },
-    template: `
-		<div>
-			<p>Scroll the container by dragging the red box (which represents the dragging mouse position).</p>
-			<p>It should drag slow, then faster as the mouse nears the edges and scroll indicators should appear on the scrolling edges.</p>
-		</div>
-		<div 
-			:class="twMerge(
-				'relative flex flex-col max-h-[300px] max-w-[300px] border-2 border-red-500',
-				isScrolling && 'after:content-[\\'\\'] after:absolute after:inset-0 after:border-transparent after:border-[15px]', 
-				scrollIndicator.right && 'after:border-r-accent-500/60',
-				scrollIndicator.down && 'after:border-b-accent-500/60',
-				scrollIndicator.left && 'after:border-l-accent-500/60',
-				scrollIndicator.up && 'after:border-t-accent-500/60',
-			)"
-			
-		>
-			<div 
-				class="overflow-auto"
-				ref="containerEl"
-			>
-				<div class="h-[1000px] w-[1000px]"/>
-				<div
-					@mousedown="startDrag" 
-					:style="\`top:\${pos.y}px; left:\${pos.x}px;\`"
-					class="h-[20px] w-[20px] -ml-[10px] -mt-[10px] bg-red-500 cursor-move fixed"
-				></div>
-			</div>
-		</div>
-		`
-  })
-};

package/dist/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module'