@vnejs/uis.react.sprite 0.1.6 → 0.1.8

package/dist/Sprite.d.ts

@@ -1,9 +1,3 @@
-export declare const Sprite: ({ parts, indexSrc, boxProps, partsProps, transition, transitionBox }: {
-    parts?: any[];
-    indexSrc?: string;
-    boxProps?: {};
-    partsProps?: {};
-    transition?: any;
-    transitionBox?: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { type SpriteProps } from "./Sprite.types.js";
+export declare const Sprite: ({ parts, indexSrc, boxProps, partsProps, transition, transitionBox, }: SpriteProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Sprite.d.ts.map

package/dist/Sprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sprite.d.ts","sourceRoot":"","sources":["../src/Sprite.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,GAAI;;;;;;;CAAsG,4CAyB5H,CAAC"}
+{"version":3,"file":"Sprite.d.ts","sourceRoot":"","sources":["../src/Sprite.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,eAAO,MAAM,MAAM,GAAI,uEAOpB,WAAW,4CAyBb,CAAC"}

package/dist/Sprite.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Image, PositionBox } from "@vnejs/uis.react";
 const POSE_STYLE = { opacity: 0, visibility: "hidden" };
-export const Sprite = ({ parts = [], indexSrc = "", boxProps = {}, partsProps = {}, transition = null, transitionBox = null }) => {
+export const Sprite = ({ parts = [], indexSrc = "", boxProps = {}, partsProps = {}, transition = null, transitionBox = null, }) => {
     const realBoxProps = useMemo(() => {
         const result = { ...boxProps };
         if (transitionBox !== null)

package/dist/Sprite.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sprite.js","sourceRoot":"","sources":["../src/Sprite.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,UAAU,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAE7E,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,GAAG,IAAI,EAAE,EAAE,EAAE;IAC/H,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,MAAM,GAAwB,EAAE,GAAG,QAAQ,EAAE,CAAC;QAEpD,IAAI,aAAa,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC;QAE9D,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,MAAC,WAAW,OAAK,YAAY,aAC1B,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,KAAC,KAAK,OAEA,KAAK,KACL,UAAU,EACd,UAAU,EAAE,UAAU,IAHjB,CAAC,CAIN,CACH,CAAC,EACF,cACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,GACjB,IACU,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Sprite.js","sourceRoot":"","sources":["../src/Sprite.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,UAAU,GAAkB,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,IAAI,GACR,EAAE,EAAE;IAChB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,MAAM,GAA4B,EAAE,GAAG,QAAQ,EAAE,CAAC;QAExD,IAAI,aAAa,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC;QAE9D,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,MAAC,WAAW,OAAK,YAAY,aAC1B,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,KAAC,KAAK,OAEA,KAAK,KACL,UAAU,EACd,UAAU,EAAE,UAAU,IAHjB,CAAC,CAIN,CACH,CAAC,EACF,cACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,GACjB,IACU,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/Sprite.types.d.ts

@@ -0,0 +1,49 @@
+import type { CssInsertValue, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
+import type { ReactNode } from "react";
+export type SpriteImagePartProps = {
+    translateX?: CssInsertValueNumber;
+    translateY?: CssInsertValueNumber;
+    scale?: CssInsertValueNumber;
+    transition?: CssInsertValueNumber;
+    opacity?: CssInsertValueNumber;
+    src?: string | Array<{
+        url: string;
+        duration: number;
+        transition: number;
+        randomDuration?: number;
+    }>;
+    className?: string;
+    filter?: CssInsertValueString;
+    withHover?: boolean;
+    isSwitchDisabled?: boolean;
+    isAllSrcRendered?: boolean;
+};
+export type SpriteBoxProps = {
+    top?: CssInsertValue;
+    right?: CssInsertValue;
+    bottom?: CssInsertValue;
+    left?: CssInsertValue;
+    translateX?: CssInsertValue;
+    translateY?: CssInsertValue;
+    transformOriginX?: CssInsertValue;
+    transformOriginY?: CssInsertValue;
+    scale?: CssInsertValueNumber;
+    transition?: CssInsertValueNumber;
+    zIndex?: CssInsertValueNumber;
+    opacity?: CssInsertValueNumber;
+    background?: CssInsertValueString;
+    clip?: CssInsertValueString;
+    mask?: CssInsertValueString;
+    filter?: CssInsertValueString;
+    className?: string;
+    children?: ReactNode;
+};
+export type SpriteProps = {
+    parts?: SpriteImagePartProps[];
+    indexSrc?: string;
+    boxProps?: SpriteBoxProps;
+    partsProps?: Partial<SpriteImagePartProps>;
+    transition?: CssInsertValueNumber;
+    transitionBox?: CssInsertValueNumber;
+};
+//# sourceMappingURL=Sprite.types.d.ts.map

package/dist/Sprite.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.types.d.ts","sourceRoot":"","sources":["../src/Sprite.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC,CAAC"}

package/dist/Sprite.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Sprite.types.js.map

package/dist/Sprite.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.types.js","sourceRoot":"","sources":["../src/Sprite.types.tsx"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./Sprite";
+export * from "./Sprite.types.js";
+export * from "./Sprite.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./Sprite";
+export * from "./Sprite.types.js";
+export * from "./Sprite.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.sprite",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/Sprite.tsx

@@ -1,11 +1,22 @@
 import { useMemo } from "react";
+import type { CSSProperties } from "react";
+
 import { Image, PositionBox } from "@vnejs/uis.react";
 
-const POSE_STYLE: Record<string, any> = { opacity: 0, visibility: "hidden" };
+import { type SpriteProps } from "./Sprite.types.js";
+
+const POSE_STYLE: CSSProperties = { opacity: 0, visibility: "hidden" };
 
-export const Sprite = ({ parts = [], indexSrc = "", boxProps = {}, partsProps = {}, transition = null, transitionBox = null }) => {
+export const Sprite = ({
+  parts = [],
+  indexSrc = "",
+  boxProps = {},
+  partsProps = {},
+  transition = null,
+  transitionBox = null,
+}: SpriteProps) => {
   const realBoxProps = useMemo(() => {
-    const result: Record<string, any> = { ...boxProps };
+    const result: Record<string, unknown> = { ...boxProps };
 
     if (transitionBox !== null) result.transition = transitionBox;
 

package/src/Sprite.types.tsx

@@ -0,0 +1,46 @@
+import type { CssInsertValue, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
+import type { ReactNode } from "react";
+
+export type SpriteImagePartProps = {
+  translateX?: CssInsertValueNumber;
+  translateY?: CssInsertValueNumber;
+  scale?: CssInsertValueNumber;
+  transition?: CssInsertValueNumber;
+  opacity?: CssInsertValueNumber;
+  src?: string | Array<{ url: string; duration: number; transition: number; randomDuration?: number }>;
+  className?: string;
+  filter?: CssInsertValueString;
+  withHover?: boolean;
+  isSwitchDisabled?: boolean;
+  isAllSrcRendered?: boolean;
+};
+
+export type SpriteBoxProps = {
+  top?: CssInsertValue;
+  right?: CssInsertValue;
+  bottom?: CssInsertValue;
+  left?: CssInsertValue;
+  translateX?: CssInsertValue;
+  translateY?: CssInsertValue;
+  transformOriginX?: CssInsertValue;
+  transformOriginY?: CssInsertValue;
+  scale?: CssInsertValueNumber;
+  transition?: CssInsertValueNumber;
+  zIndex?: CssInsertValueNumber;
+  opacity?: CssInsertValueNumber;
+  background?: CssInsertValueString;
+  clip?: CssInsertValueString;
+  mask?: CssInsertValueString;
+  filter?: CssInsertValueString;
+  className?: string;
+  children?: ReactNode;
+};
+
+export type SpriteProps = {
+  parts?: SpriteImagePartProps[];
+  indexSrc?: string;
+  boxProps?: SpriteBoxProps;
+  partsProps?: Partial<SpriteImagePartProps>;
+  transition?: CssInsertValueNumber;
+  transitionBox?: CssInsertValueNumber;
+};

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./Sprite";
+export * from "./Sprite.types.js";
+export * from "./Sprite.js";

package/tsconfig.json

@@ -8,7 +8,6 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "../../../globals.d.ts",
-    "../../peer-modules.d.ts"
   ],
   "exclude": [
     "dist",