@ssgoi/react 2.0.0 → 2.1.0

package/dist/ssgoi-transition.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("@ssgoi/core"),s=require("./context.cjs"),r=({children:i,id:t})=>{const e=s.useSsgoi();return n.jsx("div",{ref:o.transition(e(t)),"data-ssgoi-transition":t,children:i})};exports.SsgoiTransition=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("@ssgoi/core"),u=require("./context.cjs"),g=({children:n,id:t,as:o,className:e,...i})=>{const s=u.useSsgoi(),r=o||"div";return c.jsx(r,{ref:a.transition(s(t)),"data-ssgoi-transition":t,className:e,...i,children:n})};exports.SsgoiTransition=g;

package/dist/ssgoi-transition.d.ts

@@ -1,5 +1,9 @@
-import { ReactNode } from 'react';
-export declare const SsgoiTransition: ({ children, id, }: {
+import { ReactNode, ElementType } from 'react';
+type SsgoiTransitionProps<T extends ElementType = "div"> = {
     children: ReactNode;
     id: string;
-}) => import("react/jsx-runtime").JSX.Element;
+    as?: T;
+    className?: string;
+};
+export declare const SsgoiTransition: <T extends ElementType = "div">({ children, id, as, className, ...rest }: SsgoiTransitionProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ssgoi-transition.js

@@ -1,14 +1,26 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { transition as s } from "@ssgoi/core";
-import { useSsgoi as n } from "./context.js";
-const f = ({
+import { jsx as m } from "react/jsx-runtime";
+import { transition as e } from "@ssgoi/core";
+import { useSsgoi as a } from "./context.js";
+const u = ({
   children: t,
-  id: o
+  id: o,
+  as: n,
+  className: i,
+  ...r
 }) => {
-  const i = n();
-  return /* @__PURE__ */ r("div", { ref: s(i(o)), "data-ssgoi-transition": o, children: t });
+  const s = a();
+  return /* @__PURE__ */ m(
+    n || "div",
+    {
+      ref: e(s(o)),
+      "data-ssgoi-transition": o,
+      className: i,
+      ...r,
+      children: t
+    }
+  );
 };
 export {
-  f as SsgoiTransition
+  u as SsgoiTransition
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/react",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "React bindings for SSGOI - Native app-like page transitions for React applications",
   "private": false,
   "type": "module",
@@ -44,8 +44,17 @@
       "default": "./dist/presets/index.js"
     }
   },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc -b && vite build",
+    "watch": "vite build --watch",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "package": "vite build",
+    "prepare": "pnpm run build"
+  },
   "dependencies": {
-    "@ssgoi/core": "2.0.0"
+    "@ssgoi/core": "workspace:*"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -89,13 +98,5 @@
   },
   "engines": {
     "node": ">=18.0.0"
-  },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "tsc -b && vite build",
-    "watch": "vite build --watch",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "package": "vite build"
   }
-}
+}