@xanui/core 1.1.2 → 1.1.5

package/Transition/variants.js

@@ -0,0 +1,158 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const slideDown = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(-${_arg.height}px)!important`,
+        },
+        to: {
+            transform: `translateY(0)!important`,
+        }
+    };
+};
+const slideUp = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(${_arg.height}px)!important`,
+        },
+        to: {
+            transform: `translateY(0)!important`,
+        }
+    };
+};
+const slideRight = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(-${_arg.width}px)!important`,
+        },
+        to: {
+            transform: `translateX(0)!important`,
+        }
+    };
+};
+const slideLeft = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(${_arg.width}px)!important`,
+        },
+        to: {
+            transform: `translateX(0)!important`,
+        }
+    };
+};
+const fade = (_arg) => {
+    return {
+        from: {
+            opacity: 0
+        },
+        to: {
+            opacity: 1
+        }
+    };
+};
+const fadeDown = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(-30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateY(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const fadeUp = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateY(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const fadeRight = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(-30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateX(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const fadeLeft = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateX(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const grow = (_arg) => {
+    return {
+        from: {
+            transform: "scale(.8, .6)!important",
+            opacity: 0
+        },
+        to: {
+            transform: "scale(1)!important",
+            opacity: 1
+        }
+    };
+};
+const zoom = (_arg) => {
+    return {
+        from: {
+            transform: "scale(.8)!important",
+            opacity: 0
+        },
+        to: {
+            transform: "scale(1)!important",
+            opacity: 1
+        }
+    };
+};
+const zoomOver = (_arg) => {
+    return {
+        from: {
+            transform: "scale(1.2)!important",
+            opacity: 0
+        },
+        to: {
+            transform: "scale(1)!important",
+            opacity: 1
+        }
+    };
+};
+const collapsVerticle = (_arg) => {
+    return {
+        from: {
+            height: 0 + "px!important",
+            overflow: "hidden"
+        },
+        to: {
+            height: (_arg === null || _arg === void 0 ? void 0 : _arg.height) ? (_arg === null || _arg === void 0 ? void 0 : _arg.height) + "px!important" : "auto",
+            overflow: "hidden"
+        }
+    };
+};
+const collapsHorizental = (_arg) => {
+    return {
+        from: {
+            width: 0 + "px!important",
+            overflow: "hidden"
+        },
+        to: {
+            width: (_arg === null || _arg === void 0 ? void 0 : _arg.width) ? (_arg === null || _arg === void 0 ? void 0 : _arg.width) + "px!important" : "auto",
+            overflow: "hidden"
+        }
+    };
+};exports.collapsHorizental=collapsHorizental;exports.collapsVerticle=collapsVerticle;exports.fade=fade;exports.fadeDown=fadeDown;exports.fadeLeft=fadeLeft;exports.fadeRight=fadeRight;exports.fadeUp=fadeUp;exports.grow=grow;exports.slideDown=slideDown;exports.slideLeft=slideLeft;exports.slideRight=slideRight;exports.slideUp=slideUp;exports.zoom=zoom;exports.zoomOver=zoomOver;//# sourceMappingURL=variants.js.map

package/Transition/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(1.2)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            height: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            width: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\n"],"names":[],"mappings":"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"}

package/{src/Transition/variants.ts → Transition/variants.mjs}

@@ -1,6 +1,4 @@
-import { TransitionElementProps } from "."
-
-export const slideDown = (_arg: TransitionElementProps) => {
+const slideDown = (_arg) => {
     return {
         from: {
             transform: `translateY(-${_arg.height}px)!important`,
@@ -8,10 +6,9 @@ export const slideDown = (_arg: TransitionElementProps) => {
         to: {
             transform: `translateY(0)!important`,
         }
-    }
-}
-
-export const slideUp = (_arg: TransitionElementProps) => {
+    };
+};
+const slideUp = (_arg) => {
     return {
         from: {
             transform: `translateY(${_arg.height}px)!important`,
@@ -19,10 +16,9 @@ export const slideUp = (_arg: TransitionElementProps) => {
         to: {
             transform: `translateY(0)!important`,
         }
-    }
-}
-
-export const slideRight = (_arg: TransitionElementProps) => {
+    };
+};
+const slideRight = (_arg) => {
     return {
         from: {
             transform: `translateX(-${_arg.width}px)!important`,
@@ -30,10 +26,9 @@ export const slideRight = (_arg: TransitionElementProps) => {
         to: {
             transform: `translateX(0)!important`,
         }
-    }
-}
-
-export const slideLeft = (_arg: TransitionElementProps) => {
+    };
+};
+const slideLeft = (_arg) => {
     return {
         from: {
             transform: `translateX(${_arg.width}px)!important`,
@@ -41,10 +36,9 @@ export const slideLeft = (_arg: TransitionElementProps) => {
         to: {
             transform: `translateX(0)!important`,
         }
-    }
-}
-
-export const fade = (_arg: TransitionElementProps) => {
+    };
+};
+const fade = (_arg) => {
     return {
         from: {
             opacity: 0
@@ -52,10 +46,9 @@ export const fade = (_arg: TransitionElementProps) => {
         to: {
             opacity: 1
         }
-    }
-}
-
-export const fadeDown = (_arg: TransitionElementProps) => {
+    };
+};
+const fadeDown = (_arg) => {
     return {
         from: {
             transform: `translateY(-30px)!important`,
@@ -65,10 +58,9 @@ export const fadeDown = (_arg: TransitionElementProps) => {
             transform: `translateY(0)!important`,
             opacity: 1
         }
-    }
-}
-
-export const fadeUp = (_arg: TransitionElementProps) => {
+    };
+};
+const fadeUp = (_arg) => {
     return {
         from: {
             transform: `translateY(30px)!important`,
@@ -78,10 +70,9 @@ export const fadeUp = (_arg: TransitionElementProps) => {
             transform: `translateY(0)!important`,
             opacity: 1
         }
-    }
-}
-
-export const fadeRight = (_arg: TransitionElementProps) => {
+    };
+};
+const fadeRight = (_arg) => {
     return {
         from: {
             transform: `translateX(-30px)!important`,
@@ -91,10 +82,9 @@ export const fadeRight = (_arg: TransitionElementProps) => {
             transform: `translateX(0)!important`,
             opacity: 1
         }
-    }
-}
-
-export const fadeLeft = (_arg: TransitionElementProps) => {
+    };
+};
+const fadeLeft = (_arg) => {
     return {
         from: {
             transform: `translateX(30px)!important`,
@@ -104,10 +94,9 @@ export const fadeLeft = (_arg: TransitionElementProps) => {
             transform: `translateX(0)!important`,
             opacity: 1
         }
-    }
-}
-
-export const grow = (_arg: TransitionElementProps) => {
+    };
+};
+const grow = (_arg) => {
     return {
         from: {
             transform: "scale(.8, .6)!important",
@@ -117,10 +106,9 @@ export const grow = (_arg: TransitionElementProps) => {
             transform: "scale(1)!important",
             opacity: 1
         }
-    }
-}
-
-export const zoom = (_arg: TransitionElementProps) => {
+    };
+};
+const zoom = (_arg) => {
     return {
         from: {
             transform: "scale(.8)!important",
@@ -130,10 +118,9 @@ export const zoom = (_arg: TransitionElementProps) => {
             transform: "scale(1)!important",
             opacity: 1
         }
-    }
-}
-
-export const zoomOver = (_arg: TransitionElementProps) => {
+    };
+};
+const zoomOver = (_arg) => {
     return {
         from: {
             transform: "scale(1.2)!important",
@@ -143,36 +130,29 @@ export const zoomOver = (_arg: TransitionElementProps) => {
             transform: "scale(1)!important",
             opacity: 1
         }
-    }
-}
-
-export const collapsVerticle = (_arg: TransitionElementProps) => {
+    };
+};
+const collapsVerticle = (_arg) => {
     return {
         from: {
             height: 0 + "px!important",
             overflow: "hidden"
         },
         to: {
-            height: _arg?.height ? _arg?.height + "px!important" : "auto",
+            height: (_arg === null || _arg === void 0 ? void 0 : _arg.height) ? (_arg === null || _arg === void 0 ? void 0 : _arg.height) + "px!important" : "auto",
             overflow: "hidden"
         }
-    }
-}
-
-
-export const collapsHorizental = (_arg: TransitionElementProps) => {
+    };
+};
+const collapsHorizental = (_arg) => {
     return {
         from: {
             width: 0 + "px!important",
             overflow: "hidden"
         },
         to: {
-            width: _arg?.width ? _arg?.width + "px!important" : "auto",
+            width: (_arg === null || _arg === void 0 ? void 0 : _arg.width) ? (_arg === null || _arg === void 0 ? void 0 : _arg.width) + "px!important" : "auto",
             overflow: "hidden"
         }
-    }
-}
-
-
-
-
+    };
+};export{collapsHorizental,collapsVerticle,fade,fadeDown,fadeLeft,fadeRight,fadeUp,grow,slideDown,slideLeft,slideRight,slideUp,zoom,zoomOver};//# sourceMappingURL=variants.mjs.map

package/Transition/variants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.mjs","sources":["../../src/Transition/variants.ts"],"sourcesContent":["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(1.2)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            height: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            width: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\n"],"names":[],"mappings":"AAEa,MAAA,SAAS,GAAG,CAAC,IAA4B,KAAI;IACtD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,CAAe,aAAA,CAAA;AACvD,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACvC;KACJ;AACL;AAEa,MAAA,OAAO,GAAG,CAAC,IAA4B,KAAI;IACpD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAe,aAAA,CAAA;AACtD,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACvC;KACJ;AACL;AAEa,MAAA,UAAU,GAAG,CAAC,IAA4B,KAAI;IACvD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAAA,YAAA,EAAe,IAAI,CAAC,KAAK,CAAe,aAAA,CAAA;AACtD,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACvC;KACJ;AACL;AAEa,MAAA,SAAS,GAAG,CAAC,IAA4B,KAAI;IACtD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,KAAK,CAAe,aAAA,CAAA;AACrD,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACvC;KACJ;AACL;AAEa,MAAA,IAAI,GAAG,CAAC,IAA4B,KAAI;IACjD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,QAAQ,GAAG,CAAC,IAA4B,KAAI;IACrD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAA6B,2BAAA,CAAA;AACxC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACpC,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,MAAM,GAAG,CAAC,IAA4B,KAAI;IACnD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAA4B,0BAAA,CAAA;AACvC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACpC,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,SAAS,GAAG,CAAC,IAA4B,KAAI;IACtD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAA6B,2BAAA,CAAA;AACxC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACpC,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,QAAQ,GAAG,CAAC,IAA4B,KAAI;IACrD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,CAA4B,0BAAA,CAAA;AACvC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,CAAyB,uBAAA,CAAA;AACpC,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,IAAI,GAAG,CAAC,IAA4B,KAAI;IACjD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,yBAAyB;AACpC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,oBAAoB;AAC/B,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,IAAI,GAAG,CAAC,IAA4B,KAAI;IACjD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,qBAAqB;AAChC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,oBAAoB;AAC/B,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,QAAQ,GAAG,CAAC,IAA4B,KAAI;IACrD,OAAO;AACH,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE,sBAAsB;AACjC,YAAA,OAAO,EAAE;AACZ,SAAA;AACD,QAAA,EAAE,EAAE;AACA,YAAA,SAAS,EAAE,oBAAoB;AAC/B,YAAA,OAAO,EAAE;AACZ;KACJ;AACL;AAEa,MAAA,eAAe,GAAG,CAAC,IAA4B,KAAI;IAC5D,OAAO;AACH,QAAA,IAAI,EAAE;YACF,MAAM,EAAE,CAAC,GAAG,cAAc;AAC1B,YAAA,QAAQ,EAAE;AACb,SAAA;AACD,QAAA,EAAE,EAAE;YACA,MAAM,EAAE,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,MAAM,IAAG,cAAc,GAAG,MAAM;AAC7D,YAAA,QAAQ,EAAE;AACb;KACJ;AACL;AAGa,MAAA,iBAAiB,GAAG,CAAC,IAA4B,KAAI;IAC9D,OAAO;AACH,QAAA,IAAI,EAAE;YACF,KAAK,EAAE,CAAC,GAAG,cAAc;AACzB,YAAA,QAAQ,EAAE;AACb,SAAA;AACD,QAAA,EAAE,EAAE;YACA,KAAK,EAAE,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAG,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,KAAK,IAAG,cAAc,GAAG,MAAM;AAC1D,YAAA,QAAQ,EAAE;AACb;KACJ;AACL"}

package/breakpoint/BreakpointProvider.js

@@ -0,0 +1,43 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const BreakpointCtx = React.createContext("xl");
+const getKey = () => {
+    const isWin = isWindow();
+    if (isWin) {
+        const width = window.innerWidth;
+        if (width < index.breakpoints.sm) {
+            return 'xs';
+        }
+        else if (width > index.breakpoints.xs && width < index.breakpoints.md) {
+            return 'sm';
+        }
+        else if (width > index.breakpoints.sm && width < index.breakpoints.lg) {
+            return 'md';
+        }
+        else if (width > index.breakpoints.md && width < index.breakpoints.xl) {
+            return 'lg';
+        }
+        else {
+            return 'xl';
+        }
+    }
+    else {
+        return 'xl';
+    }
+};
+const BreakpointProvider = ({ children }) => {
+    const [current, setCurrent] = React.useState(getKey);
+    const handler = () => {
+        let c = getKey();
+        if (current !== c) {
+            setCurrent(c);
+        }
+    };
+    React.useEffect(() => {
+        window.removeEventListener("resize", handler);
+        window.addEventListener("resize", handler);
+        handler();
+        return () => {
+            window.removeEventListener("resize", handler);
+        };
+    }, [current]);
+    return (React.createElement(BreakpointCtx.Provider, { value: current }, children));
+};exports.BreakpointCtx=BreakpointCtx;exports.BreakpointProvider=BreakpointProvider;//# sourceMappingURL=BreakpointProvider.js.map

package/breakpoint/BreakpointProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\n"],"names":["breakpoints","useState"],"mappings":"qKAKa,MAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAiB,IAAI;AAErE,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,IAAI,KAAK,EAAE;AACP,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAC/B,QAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;AAAM,aAAA;AACH,YAAA,OAAO,IAAI;AACd;AACJ;AAAM,SAAA;AACH,QAAA,OAAO,IAAI;AACd;AACL,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAiB,MAAM,CAAC;IAE9D,MAAM,OAAO,GAAG,MAAK;AACjB,QAAA,IAAI,CAAC,GAAG,MAAM,EAAE;QAChB,IAAI,OAAO,KAAK,CAAC,EAAE;YACf,UAAU,CAAC,CAAC,CAAC;AAChB;AACL,KAAC;AAED,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC7C,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC1C,QAAA,OAAO,EAAE;AACT,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACjD,SAAC;AACL,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,EACjC,QAAQ,CACY;AAEjC"}

package/breakpoint/BreakpointProvider.mjs

@@ -0,0 +1,43 @@
+import React__default,{useState}from'react';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const BreakpointCtx = React__default.createContext("xl");
+const getKey = () => {
+    const isWin = isWindow();
+    if (isWin) {
+        const width = window.innerWidth;
+        if (width < breakpoints.sm) {
+            return 'xs';
+        }
+        else if (width > breakpoints.xs && width < breakpoints.md) {
+            return 'sm';
+        }
+        else if (width > breakpoints.sm && width < breakpoints.lg) {
+            return 'md';
+        }
+        else if (width > breakpoints.md && width < breakpoints.xl) {
+            return 'lg';
+        }
+        else {
+            return 'xl';
+        }
+    }
+    else {
+        return 'xl';
+    }
+};
+const BreakpointProvider = ({ children }) => {
+    const [current, setCurrent] = useState(getKey);
+    const handler = () => {
+        let c = getKey();
+        if (current !== c) {
+            setCurrent(c);
+        }
+    };
+    React__default.useEffect(() => {
+        window.removeEventListener("resize", handler);
+        window.addEventListener("resize", handler);
+        handler();
+        return () => {
+            window.removeEventListener("resize", handler);
+        };
+    }, [current]);
+    return (React__default.createElement(BreakpointCtx.Provider, { value: current }, children));
+};export{BreakpointCtx,BreakpointProvider};//# sourceMappingURL=BreakpointProvider.mjs.map

package/breakpoint/BreakpointProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointProvider.mjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\n"],"names":["React"],"mappings":"6HAKa,MAAA,aAAa,GAAGA,cAAK,CAAC,aAAa,CAAiB,IAAI;AAErE,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,IAAI,KAAK,EAAE;AACP,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAC/B,QAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;AAAM,aAAA;AACH,YAAA,OAAO,IAAI;AACd;AACJ;AAAM,SAAA;AACH,QAAA,OAAO,IAAI;AACd;AACL,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,MAAM,CAAC;IAE9D,MAAM,OAAO,GAAG,MAAK;AACjB,QAAA,IAAI,CAAC,GAAG,MAAM,EAAE;QAChB,IAAI,OAAO,KAAK,CAAC,EAAE;YACf,UAAU,CAAC,CAAC,CAAC;AAChB;AACL,KAAC;AAED,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC7C,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC1C,QAAA,OAAO,EAAE;AACT,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACjD,SAAC;AACL,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,EACjC,QAAQ,CACY;AAEjC"}

package/breakpoint/useBreakpoint.js

@@ -0,0 +1,23 @@
+'use strict';var React=require('react'),BreakpointProvider=require('./BreakpointProvider.js'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const useBreakpoint = () => {
+    const val = React.useContext(BreakpointProvider.BreakpointCtx);
+    const isWin = isWindow();
+    const o = {
+        value: val,
+        is: (key) => val === key,
+        isDown: (key) => {
+            if (isWin) {
+                return window.innerWidth > index.breakpoints[key];
+            }
+            return false;
+        },
+        isUp: (key) => {
+            if (isWin) {
+                return window.innerWidth < index.breakpoints[key];
+            }
+            return false;
+        },
+        isOrDown: (key) => o.is(key) || o.isDown(key),
+        isOrUp: (key) => o.is(key) || o.isUp(key)
+    };
+    return o;
+};module.exports=useBreakpoint;//# sourceMappingURL=useBreakpoint.js.map

package/breakpoint/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { BreakpointCtx } from \"./BreakpointProvider\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],"names":["useContext","BreakpointCtx","breakpoints"],"mappings":"kKAMM,MAAA,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,GAAG,GAAGA,gBAAU,CAACC,gCAAa,CAAC;AACrC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,CAAC,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;QACV,EAAE,EAAE,CAAC,GAAmB,KAAK,GAAG,KAAK,GAAG;AACxC,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAI;AAC7B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAGC,iBAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,IAAI,EAAE,CAAC,GAAmB,KAAI;AAC3B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAGA,iBAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;AAC7D,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG;KAC1D;AACD,IAAA,OAAO,CAAC;AACX"}

package/breakpoint/useBreakpoint.mjs

@@ -0,0 +1,23 @@
+import {useContext}from'react';import {BreakpointCtx}from'./BreakpointProvider.mjs';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const useBreakpoint = () => {
+    const val = useContext(BreakpointCtx);
+    const isWin = isWindow();
+    const o = {
+        value: val,
+        is: (key) => val === key,
+        isDown: (key) => {
+            if (isWin) {
+                return window.innerWidth > breakpoints[key];
+            }
+            return false;
+        },
+        isUp: (key) => {
+            if (isWin) {
+                return window.innerWidth < breakpoints[key];
+            }
+            return false;
+        },
+        isOrDown: (key) => o.is(key) || o.isDown(key),
+        isOrUp: (key) => o.is(key) || o.isUp(key)
+    };
+    return o;
+};export{useBreakpoint as default};//# sourceMappingURL=useBreakpoint.mjs.map

package/breakpoint/useBreakpoint.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.mjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { BreakpointCtx } from \"./BreakpointProvider\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"qKAMM,MAAA,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC;AACrC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,CAAC,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;QACV,EAAE,EAAE,CAAC,GAAmB,KAAK,GAAG,KAAK,GAAG;AACxC,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAI;AAC7B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,IAAI,EAAE,CAAC,GAAmB,KAAI;AAC3B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;AAC7D,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG;KAC1D;AACD,IAAA,OAAO,CAAC;AACX"}

package/breakpoint/useBreakpointProps.js

@@ -0,0 +1,42 @@
+'use strict';var React=require('react'),useBreakpoint=require('./useBreakpoint.js');const useBreakpoinProps = (props) => {
+    const bpoint = useBreakpoint();
+    const stringifiedElement = JSON.stringify(props, (key, value) => {
+        if (key === '_owner' || key === '_store') {
+            return undefined; // Skip circular references
+        }
+        return value;
+    }, 2);
+    let format = React.useMemo(() => {
+        const _format = {
+            xs: {},
+            sm: {},
+            md: {},
+            lg: {},
+            xl: {}
+        };
+        for (let prop in props) {
+            let val = props[prop];
+            if (!React.isValidElement(val) && typeof val === 'object') {
+                for (let breakpoin in val) {
+                    _format[breakpoin][prop] = props[prop][breakpoin];
+                }
+            }
+            else {
+                _format.xs[prop] = props[prop];
+            }
+        }
+        return _format;
+    }, [stringifiedElement, bpoint.value]);
+    return React.useMemo(() => {
+        let _props = format.xs || {};
+        for (let key of ['sm', 'md', 'lg', 'xl']) {
+            if (bpoint.isOrDown(key)) {
+                _props = Object.assign(Object.assign({}, _props), format[key]);
+            }
+            if (bpoint.is(key)) {
+                break;
+            }
+        }
+        return _props;
+    }, [format, bpoint.value]);
+};module.exports=useBreakpoinProps;//# sourceMappingURL=useBreakpointProps.js.map

package/breakpoint/useBreakpointProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import React, { isValidElement } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n   [key in BreakpointKeys]?: P\n}\n\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],"names":["isValidElement"],"mappings":"oFAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AAC7D,QAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;AACnB;AACD,QAAA,OAAO,KAAK;KACd,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQ,KAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAACA,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AAC5D;AACH;AAAM,iBAAA;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;AACzC;AACH;AAED,QAAA,OAAO,OAAO;KAChB,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAK,EAAA,MAAM,CAAC,GAAG,CAAC,CAAE;AACxC;AACD,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;AACF;AACH;AACD,QAAA,OAAO,MAAM;KACf,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}

package/breakpoint/useBreakpointProps.mjs

@@ -0,0 +1,42 @@
+import React__default,{isValidElement}from'react';import useBreakpoint from'./useBreakpoint.mjs';const useBreakpoinProps = (props) => {
+    const bpoint = useBreakpoint();
+    const stringifiedElement = JSON.stringify(props, (key, value) => {
+        if (key === '_owner' || key === '_store') {
+            return undefined; // Skip circular references
+        }
+        return value;
+    }, 2);
+    let format = React__default.useMemo(() => {
+        const _format = {
+            xs: {},
+            sm: {},
+            md: {},
+            lg: {},
+            xl: {}
+        };
+        for (let prop in props) {
+            let val = props[prop];
+            if (!isValidElement(val) && typeof val === 'object') {
+                for (let breakpoin in val) {
+                    _format[breakpoin][prop] = props[prop][breakpoin];
+                }
+            }
+            else {
+                _format.xs[prop] = props[prop];
+            }
+        }
+        return _format;
+    }, [stringifiedElement, bpoint.value]);
+    return React__default.useMemo(() => {
+        let _props = format.xs || {};
+        for (let key of ['sm', 'md', 'lg', 'xl']) {
+            if (bpoint.isOrDown(key)) {
+                _props = Object.assign(Object.assign({}, _props), format[key]);
+            }
+            if (bpoint.is(key)) {
+                break;
+            }
+        }
+        return _props;
+    }, [format, bpoint.value]);
+};export{useBreakpoinProps as default};//# sourceMappingURL=useBreakpointProps.mjs.map