@hunterchen/canvas 0.3.0 → 0.4.0

package/src/lib/utils.ts

@@ -0,0 +1,10 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+/**
+ * Utility function to merge Tailwind CSS classes.
+ * Combines clsx for conditional classes with tailwind-merge for deduplication.
+ */
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/dist/components/canvas/reset.d.ts

@@ -1,5 +0,0 @@
-declare const Reset: ({ onResetViewAndItems, }: {
-    onResetViewAndItems: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Reset;
-//# sourceMappingURL=reset.d.ts.map

package/dist/components/canvas/reset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/reset.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,KAAK,GAAI,0BAEZ;IACD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,4CAYA,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/canvas/reset.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from "next/image";
-const Reset = ({ onResetViewAndItems, }) => {
-    return (_jsx("div", { className: "absolute bottom-4 left-4 z-[1000] flex cursor-[url('/customcursor.svg'),auto] select-none", children: _jsx("button", { className: "rounded bg-gray-700 p-1.5 font-mono text-xs text-white shadow-md transition-colors hover:bg-gray-600 md:text-sm", onClick: onResetViewAndItems, onPointerDown: (e) => e.stopPropagation(), children: _jsx(Image, { src: "/images/reset.svg", alt: "Reset", width: 18, height: 18 }) }) }));
-};
-export default Reset;
-//# sourceMappingURL=reset.js.map

package/dist/components/canvas/reset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../../src/components/canvas/reset.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,KAAK,GAAG,CAAC,EACb,mBAAmB,GAGpB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,2FAA2F,YACxG,iBACE,SAAS,EAAC,iHAAiH,EAC3H,OAAO,EAAE,mBAAmB,EAC5B,aAAa,EAAE,CAAC,CAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAE7D,KAAC,KAAK,IAAC,GAAG,EAAC,mBAAmB,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC7D,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/src/components/canvas/reset.tsx

@@ -1,21 +0,0 @@
-import Image from "next/image";
-
-const Reset = ({
-  onResetViewAndItems,
-}: {
-  onResetViewAndItems: () => void;
-}) => {
-  return (
-    <div className="absolute bottom-4 left-4 z-[1000] flex cursor-[url('/customcursor.svg'),auto] select-none">
-      <button
-        className="rounded bg-gray-700 p-1.5 font-mono text-xs text-white shadow-md transition-colors hover:bg-gray-600 md:text-sm"
-        onClick={onResetViewAndItems}
-        onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}
-      >
-        <Image src="/images/reset.svg" alt="Reset" width={18} height={18} />
-      </button>
-    </div>
-  );
-};
-
-export default Reset;