fetta 1.2.1 → 1.3.0

package/dist/react.d.ts

@@ -43,6 +43,12 @@ type CallbackReturn = void | {
 }> | Promise<unknown>;
 interface SplitTextProps {
     children: ReactElement;
+    /** The wrapper element type. Default: "div" */
+    as?: keyof React.JSX.IntrinsicElements;
+    /** Class name for the wrapper element */
+    className?: string;
+    /** Additional styles for the wrapper element (merged with internal styles) */
+    style?: React.CSSProperties;
     /**
      * Called after text is split.
      * Return an animation or promise to enable revert (requires revertOnComplete).
@@ -115,6 +121,6 @@ interface SplitTextProps {
  * </SplitText>
  * ```
  */
-declare const SplitText: react.ForwardRefExoticComponent<SplitTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const SplitText: react.ForwardRefExoticComponent<SplitTextProps & react.RefAttributes<HTMLElement>>;
 
 export { SplitText, type SplitTextElements };

package/dist/react.js

@@ -5,6 +5,9 @@ import { jsx } from 'react/jsx-runtime';
 var SplitText = forwardRef(
   function SplitText2({
     children,
+    as: Component = "div",
+    className,
+    style: userStyle,
     onSplit,
     onResize,
     options,
@@ -167,11 +170,13 @@ var SplitText = forwardRef(
     const clonedChild = cloneElement(children, {
       ref: childRefCallback
     });
+    const Wrapper = Component;
     return /* @__PURE__ */ jsx(
-      "div",
+      Wrapper,
       {
         ref: mergedRef,
-        style: { visibility: "hidden", position: "relative" },
+        className,
+        style: __spreadValues({ visibility: "hidden", position: "relative" }, userStyle),
         children: clonedChild
       }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fetta",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Text splitting library with kerning compensation for animations",
   "type": "module",
   "sideEffects": false,