@zuzjs/ui 0.10.0 → 0.10.2

package/dist/cjs/comps/Group/index.d.ts

@@ -2,5 +2,6 @@ import { BoxProps } from "../Box";
 declare const Group: import("react").ForwardRefExoticComponent<BoxProps & {
     fxDelay?: number;
     fxStep?: number;
+    classToIgnore?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default Group;

package/dist/cjs/comps/Group/index.js

@@ -4,12 +4,18 @@ import { useDelayed } from "../..";
 import { addPropsToChildren } from "../../funs";
 import Box from "../Box";
 const Group = forwardRef((props, ref) => {
-    const { children, fx, fxDelay, fxStep, ...rest } = props;
+    const { children, fx, fxDelay, fxStep, classToIgnore, ...rest } = props;
     const when = useDelayed();
     const Children = useMemo(() => {
         if (!fx)
             return children;
-        return addPropsToChildren(children, child => !(`fx` in (child.props ?? {})), index => ({ fx: {
+        return addPropsToChildren(children, child => {
+            const props = child.props || {};
+            const hasFxProp = 'fx' in props;
+            const className = props.as ? Array.isArray(props.as) ? props.as.join(` `) : props.as : props.className || '';
+            const hasIgnoreClass = typeof className === 'string' && className.includes(classToIgnore || `--ignore`);
+            return !hasFxProp && !hasIgnoreClass;
+        }, index => ({ fx: {
                 ...fx,
                 delay: (fxDelay || 0) + index * (fxStep || .1), // how to increment per index ?
                 when

package/dist/cjs/funs/stylesheet.js

@@ -343,6 +343,9 @@ export const cssDirect = {
     "text-wrap": "width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;",
     "text-clip": "color: transparent;background-clip: text;-webkit-background-clip: text;",
     "word-break": "wordc-break: break-word;",
+    "uppercase": "text-transform: uppercase;",
+    "lowercase": "text-transform: lowercase;",
+    "capitalize": "text-transform: capitalize;",
 };
 export const cssPropsWithColor = [
     // Regular CSS keys

package/dist/esm/comps/Group/index.d.ts

@@ -2,5 +2,6 @@ import { BoxProps } from "../Box";
 declare const Group: import("react").ForwardRefExoticComponent<BoxProps & {
     fxDelay?: number;
     fxStep?: number;
+    classToIgnore?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default Group;

package/dist/esm/comps/Group/index.js

@@ -4,12 +4,18 @@ import { useDelayed } from "../..";
 import { addPropsToChildren } from "../../funs";
 import Box from "../Box";
 const Group = forwardRef((props, ref) => {
-    const { children, fx, fxDelay, fxStep, ...rest } = props;
+    const { children, fx, fxDelay, fxStep, classToIgnore, ...rest } = props;
     const when = useDelayed();
     const Children = useMemo(() => {
         if (!fx)
             return children;
-        return addPropsToChildren(children, child => !(`fx` in (child.props ?? {})), index => ({ fx: {
+        return addPropsToChildren(children, child => {
+            const props = child.props || {};
+            const hasFxProp = 'fx' in props;
+            const className = props.as ? Array.isArray(props.as) ? props.as.join(` `) : props.as : props.className || '';
+            const hasIgnoreClass = typeof className === 'string' && className.includes(classToIgnore || `--ignore`);
+            return !hasFxProp && !hasIgnoreClass;
+        }, index => ({ fx: {
                 ...fx,
                 delay: (fxDelay || 0) + index * (fxStep || .1), // how to increment per index ?
                 when

package/dist/esm/funs/stylesheet.js

@@ -343,6 +343,9 @@ export const cssDirect = {
     "text-wrap": "width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;",
     "text-clip": "color: transparent;background-clip: text;-webkit-background-clip: text;",
     "word-break": "wordc-break: break-word;",
+    "uppercase": "text-transform: uppercase;",
+    "lowercase": "text-transform: lowercase;",
+    "capitalize": "text-transform: capitalize;",
 };
 export const cssPropsWithColor = [
     // Regular CSS keys