@xanui/core 1.3.7 → 1.3.9

package/Tag/useTagProps.js

@@ -6,12 +6,17 @@ import { css } from '../css/index.js';
 import { classNames } from 'pretty-class';
 import { useDocument } from '../Document/index.js';
 import { useCSSCacheId } from '../css/CSSCacheProvider.js';
+import ThemeCssVars from '../theme/ThemeCssVars.js';
+import 'react/jsx-runtime';
+import './index.js';
+import { createTheme } from '../theme/core.js';
+import '../theme/ThemeDefaultOptions.js';
 
 const useTagProps = (props) => {
     const doc = useDocument();
     const cacheId = useCSSCacheId();
     // Extract known styling-related props
-    const { sx, sxr, style, hover, className, classNames: clsNames, baseClass } = props, rest = __rest(props, ["sx", "sxr", "style", "hover", "className", "classNames", "baseClass"]);
+    const { sx, sxr, style, hover, className, classNames: clsNames, baseClass, theme } = props, rest = __rest(props, ["sx", "sxr", "style", "hover", "className", "classNames", "baseClass", "theme"]);
     /**
      * Split DOM props vs CSS props
      */
@@ -32,16 +37,29 @@ const useTagProps = (props) => {
     /**
      * Generate styles
      */
-    const styles = useMemo(() => {
+    const { styles, themeStyle } = useMemo(() => {
         const hoverStyles = hover && Object.keys(hover).length > 0
             ? { "&:hover": hover }
             : undefined;
-        return css(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), cssProps), sx), style), hoverStyles), {
+        const cls = css(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), cssProps), sx), style), hoverStyles), {
             injectStyle: typeof window !== "undefined",
             container: doc === null || doc === void 0 ? void 0 : doc.document,
             cacheId,
         });
-    }, [sx, sxr, style, hover, cssProps, doc, cacheId]);
+        let themeStyle;
+        if (theme) {
+            themeStyle = css({
+                "@global": {
+                    [`.${cls.classname}`]: ThemeCssVars(createTheme(theme))
+                }
+            }, {
+                injectStyle: typeof window !== "undefined",
+                container: doc === null || doc === void 0 ? void 0 : doc.document,
+                cacheId,
+            });
+        }
+        return { styles: cls, themeStyle };
+    }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);
     /**
      * Compose className
      */
@@ -57,6 +75,7 @@ const useTagProps = (props) => {
     return {
         props: finalProps,
         style: styles,
+        themeStyle
     };
 };
 

package/Tag/useTagProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["\"use client\"\r\nimport { useMemo } from \"react\";\r\nimport { TagComponentType, TagProps, TagPropsRoot } from \"./types\";\r\nimport cssPropList from \"./cssPropList\";\r\nimport { css } from \"../css\";\r\nimport { classNames } from \"pretty-class\";\r\nimport { CSSFactoryType } from \"oncss\";\r\nimport { useDocument } from \"../Document\";\r\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>;\r\n   style: CSSFactoryType;\r\n};\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n   const doc = useDocument();\r\n   const cacheId = useCSSCacheId();\r\n\r\n   // Extract known styling-related props\r\n   const {\r\n      sx,\r\n      sxr,\r\n      style,\r\n      hover,\r\n      className,\r\n      classNames: clsNames,\r\n      baseClass,\r\n      ...rest\r\n   } = props;\r\n\r\n   /**\r\n    * Split DOM props vs CSS props\r\n    */\r\n   const { domProps, cssProps } = useMemo(() => {\r\n      const _dom: any = {};\r\n      const _css: any = {};\r\n\r\n      for (const key in rest) {\r\n         const val = (rest as any)[key];\r\n         if (cssPropList[key]) {\r\n            _css[key] = val;\r\n         } else {\r\n            _dom[key] = val;\r\n         }\r\n      }\r\n\r\n      return { domProps: _dom, cssProps: _css };\r\n   }, [rest]);\r\n\r\n   /**\r\n    * Generate styles\r\n    */\r\n   const styles = useMemo(() => {\r\n      const hoverStyles =\r\n         hover && Object.keys(hover).length > 0\r\n            ? { \"&:hover\": hover }\r\n            : undefined;\r\n\r\n      return css(\r\n         {\r\n            ...sxr,\r\n            ...cssProps,\r\n            ...sx,\r\n            ...style,\r\n            ...hoverStyles,\r\n         },\r\n         {\r\n            injectStyle: typeof window !== \"undefined\",\r\n            container: doc?.document,\r\n            cacheId,\r\n         }\r\n      );\r\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId]);\r\n\r\n   /**\r\n    * Compose className\r\n    */\r\n   const finalClassName = useMemo(() => {\r\n      return classNames(\r\n         baseClass ? \"xui-\" + baseClass : undefined,\r\n         clsNames,\r\n         className,\r\n         styles.classname\r\n      );\r\n   }, [baseClass, clsNames, className, styles.classname]);\r\n\r\n   /**\r\n    * Final props\r\n    */\r\n   const finalProps = useMemo(() => {\r\n      return {\r\n         ...domProps,\r\n         className: finalClassName,\r\n      };\r\n   }, [domProps, finalClassName]);\r\n\r\n   return {\r\n      props: finalProps,\r\n      style: styles,\r\n   };\r\n};\r\n\r\nexport default useTagProps;"],"names":[],"mappings":";;;;;;;;;AAeA;AACG;AACA;;;AAcA;;AAEG;;;;AAKA;AACG;AACA;AACG;;;AAEA;;;;AAKT;AAEA;;AAEG;AACH;AACG;AAEM;;;AAYA;AACA;;AAEF;AAEP;AAEA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;AAEN;;"}
+{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["\"use client\"\nimport { useMemo } from \"react\";\nimport { TagComponentType, TagProps, TagPropsRoot } from \"./types\";\nimport cssPropList from \"./cssPropList\";\nimport { css } from \"../css\";\nimport { classNames } from \"pretty-class\";\nimport { CSSFactoryType } from \"oncss\";\nimport { useDocument } from \"../Document\";\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\nimport ThemeCssVars from \"../theme/ThemeCssVars\";\nimport { createTheme } from \"../theme\";\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n   props: TagProps<T>;\n   style: CSSFactoryType;\n   themeStyle?: CSSFactoryType;\n};\n\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\n   const doc = useDocument();\n   const cacheId = useCSSCacheId();\n\n   // Extract known styling-related props\n   const {\n      sx,\n      sxr,\n      style,\n      hover,\n      className,\n      classNames: clsNames,\n      baseClass,\n      theme,\n      ...rest\n   } = props;\n\n   /**\n    * Split DOM props vs CSS props\n    */\n   const { domProps, cssProps } = useMemo(() => {\n      const _dom: any = {};\n      const _css: any = {};\n\n      for (const key in rest) {\n         const val = (rest as any)[key];\n         if (cssPropList[key]) {\n            _css[key] = val;\n         } else {\n            _dom[key] = val;\n         }\n      }\n\n      return { domProps: _dom, cssProps: _css };\n   }, [rest]);\n\n   /**\n    * Generate styles\n    */\n   const { styles, themeStyle } = useMemo(() => {\n      const hoverStyles =\n         hover && Object.keys(hover).length > 0\n            ? { \"&:hover\": hover }\n            : undefined;\n\n      const cls = css(\n         {\n            ...sxr,\n            ...cssProps,\n            ...sx,\n            ...style,\n            ...hoverStyles,\n         },\n         {\n            injectStyle: typeof window !== \"undefined\",\n            container: doc?.document,\n            cacheId,\n         }\n      );\n\n      let themeStyle\n      if (theme) {\n         themeStyle = css({\n            \"@global\": {\n               [`.${cls.classname}`]: ThemeCssVars(createTheme(theme) as any)\n            }\n         },\n            {\n               injectStyle: typeof window !== \"undefined\",\n               container: doc?.document,\n               cacheId,\n            }\n         );\n      }\n\n      return { styles: cls, themeStyle }\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);\n\n\n   /**\n    * Compose className\n    */\n   const finalClassName = useMemo(() => {\n      return classNames(\n         baseClass ? \"xui-\" + baseClass : undefined,\n         clsNames,\n         className,\n         styles.classname\n      );\n   }, [baseClass, clsNames, className, styles.classname]);\n\n   /**\n    * Final props\n    */\n   const finalProps = useMemo(() => {\n      return {\n         ...domProps,\n         className: finalClassName,\n      };\n   }, [domProps, finalClassName]);\n\n   return {\n      props: finalProps,\n      style: styles,\n      themeStyle\n   };\n};\n\nexport default useTagProps;"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA;AACG;AACA;;;AAeA;;AAEG;;;;AAKA;AACG;AACA;AACG;;;AAEA;;;;AAKT;AAEA;;AAEG;;AAEA;AAEM;;AAGN;AASM;AACA;;AAEF;AAGJ;;;AAGM;AACG;AACF;;AAGE;AACA;;AAEF;;AAIP;AACH;AAGA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;;AAGN;;"}

package/Transition/index.cjs

@@ -12,7 +12,7 @@ function TransitionBase(_a) {
     var { children } = _a, options = tslib.__rest(_a, ["children"]);
     let { open, variant = "fade", duration = 450, delay, easing: easing$1, exitOnUnmount = false, initialTransition = true, onEnter, onEntered, onExit, onExited, onUpdate, onDone, } = options;
     easing$1 !== null && easing$1 !== void 0 ? easing$1 : (easing$1 = "default");
-    const variantCb = variants[variant];
+    const variantCb = typeof variant === 'function' ? variant : variants[variant];
     const ref = React.useRef(null);
     const init = React.useRef(false);
     const rect = React.useRef(null);

package/Transition/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\r\nimport * as variants from './variants'\r\nimport { Easing } from '../animate';\r\nimport useTransition from '../hooks/useTransition';\r\n\r\nexport type TransitionVariantTypes = keyof typeof variants\r\nexport type TransitionProps = {\r\n    children: React.ReactElement;\r\n    open: boolean;\r\n    variant: TransitionVariantTypes\r\n    easing?: keyof typeof Easing\r\n    duration?: number;\r\n    delay?: number;\r\n    initialTransition?: boolean;\r\n\r\n    exitOnUnmount?: boolean;\r\n\r\n    onEnter?: () => void\r\n    onEntered?: () => void\r\n    onExit?: () => void\r\n    onExited?: () => void\r\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\r\n    onDone?: () => void;\r\n}\r\n\r\n\r\nfunction TransitionBase({ children, ...options }: TransitionProps) {\r\n    let {\r\n        open,\r\n        variant = \"fade\",\r\n        duration = 450,\r\n        delay,\r\n        easing,\r\n        exitOnUnmount = false,\r\n        initialTransition = true,\r\n        onEnter,\r\n        onEntered,\r\n        onExit,\r\n        onExited,\r\n        onUpdate,\r\n        onDone,\r\n\r\n    } = options\r\n\r\n    easing ??= \"default\"\r\n\r\n    const variantCb = variants[variant]\r\n    const ref = useRef<HTMLElement>(null)\r\n    const init = useRef(false)\r\n    const rect = useRef<DOMRect>(null)\r\n\r\n    const trans = useTransition({\r\n        delay,\r\n        duration,\r\n        easing: Easing[easing],\r\n        onEnter,\r\n        onEntered,\r\n        onExit,\r\n        onExited,\r\n        onDone,\r\n        from: () => {\r\n            if (!rect.current) {\r\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\r\n            }\r\n            const v = variantCb(ref.current as HTMLElement, rect.current)\r\n            return v.from\r\n        },\r\n        to: () => {\r\n            if (!rect.current) {\r\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\r\n            }\r\n            const v = variantCb(ref.current as HTMLElement, rect.current)\r\n            return v.to\r\n        },\r\n        onUpdate: (val, prograss) => {\r\n            if (!ref.current || !rect.current) return\r\n            const vc = variantCb(ref.current, rect.current)\r\n            onUpdate?.(val, prograss)\r\n            return vc.onUpdate(val)\r\n        },\r\n    })\r\n\r\n\r\n    useLayoutEffect(() => {\r\n        const isnot = !init.current && !initialTransition\r\n        init.current = true\r\n        if (open) {\r\n            trans.enter(isnot ? false : true)\r\n        } else {\r\n            trans.exit(isnot ? false : true)\r\n        }\r\n    }, [open])\r\n\r\n\r\n    if (exitOnUnmount && trans.status === \"exited\") return\r\n\r\n    const childs = Children.toArray(children)\r\n    if (childs.length !== 1) {\r\n        throw new Error(\"Transition expects exactly one child.\");\r\n    }\r\n    const child = childs[0]\r\n    if (!isValidElement(child)) {\r\n        throw new Error(\"Transition expects a valid React element.\");\r\n    }\r\n\r\n    return cloneElement(child, {\r\n        ref: (node: HTMLElement) => {\r\n            ref.current = node;\r\n\r\n            const childRef = (child as any).ref;\r\n            if (typeof childRef === \"function\") {\r\n                childRef(node);\r\n            } else if (childRef) {\r\n                childRef.current = node;\r\n            }\r\n        }\r\n    } as any);\r\n}\r\n\r\n\r\nconst Transition = (props: any) => {\r\n    return (\r\n        <TransitionBase\r\n            key={props.variant}\r\n            {...props}\r\n        />\r\n    )\r\n}\r\nexport default Transition"],"names":[],"mappings":";;;;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({\n    from: T,\n    to: T,\n    onUpdate: (props: T) => void\n})\n\nexport type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback\n\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = typeof variant === 'function' ? variant : variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;;;AAkCA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}

package/Transition/index.d.ts

@@ -2,7 +2,12 @@ import React__default from 'react';
 import * as variants from './variants.js';
 import Easing from '../animate/easing.js';
 
-type TransitionVariantTypes = keyof typeof variants;
+type TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({
+    from: T;
+    to: T;
+    onUpdate: (props: T) => void;
+});
+type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback;
 type TransitionProps = {
     children: React__default.ReactElement;
     open: boolean;
@@ -22,4 +27,4 @@ type TransitionProps = {
 declare const Transition: (props: any) => React__default.JSX.Element;
 
 export { Transition as default };
-export type { TransitionProps, TransitionVariantTypes };
+export type { TransitionProps, TransitionVariantCallback, TransitionVariantTypes };

package/Transition/index.js

@@ -10,7 +10,7 @@ function TransitionBase(_a) {
     var { children } = _a, options = __rest(_a, ["children"]);
     let { open, variant = "fade", duration = 450, delay, easing, exitOnUnmount = false, initialTransition = true, onEnter, onEntered, onExit, onExited, onUpdate, onDone, } = options;
     easing !== null && easing !== void 0 ? easing : (easing = "default");
-    const variantCb = variants[variant];
+    const variantCb = typeof variant === 'function' ? variant : variants[variant];
     const ref = useRef(null);
     const init = useRef(false);
     const rect = useRef(null);

package/Transition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\r\nimport * as variants from './variants'\r\nimport { Easing } from '../animate';\r\nimport useTransition from '../hooks/useTransition';\r\n\r\nexport type TransitionVariantTypes = keyof typeof variants\r\nexport type TransitionProps = {\r\n    children: React.ReactElement;\r\n    open: boolean;\r\n    variant: TransitionVariantTypes\r\n    easing?: keyof typeof Easing\r\n    duration?: number;\r\n    delay?: number;\r\n    initialTransition?: boolean;\r\n\r\n    exitOnUnmount?: boolean;\r\n\r\n    onEnter?: () => void\r\n    onEntered?: () => void\r\n    onExit?: () => void\r\n    onExited?: () => void\r\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\r\n    onDone?: () => void;\r\n}\r\n\r\n\r\nfunction TransitionBase({ children, ...options }: TransitionProps) {\r\n    let {\r\n        open,\r\n        variant = \"fade\",\r\n        duration = 450,\r\n        delay,\r\n        easing,\r\n        exitOnUnmount = false,\r\n        initialTransition = true,\r\n        onEnter,\r\n        onEntered,\r\n        onExit,\r\n        onExited,\r\n        onUpdate,\r\n        onDone,\r\n\r\n    } = options\r\n\r\n    easing ??= \"default\"\r\n\r\n    const variantCb = variants[variant]\r\n    const ref = useRef<HTMLElement>(null)\r\n    const init = useRef(false)\r\n    const rect = useRef<DOMRect>(null)\r\n\r\n    const trans = useTransition({\r\n        delay,\r\n        duration,\r\n        easing: Easing[easing],\r\n        onEnter,\r\n        onEntered,\r\n        onExit,\r\n        onExited,\r\n        onDone,\r\n        from: () => {\r\n            if (!rect.current) {\r\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\r\n            }\r\n            const v = variantCb(ref.current as HTMLElement, rect.current)\r\n            return v.from\r\n        },\r\n        to: () => {\r\n            if (!rect.current) {\r\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\r\n            }\r\n            const v = variantCb(ref.current as HTMLElement, rect.current)\r\n            return v.to\r\n        },\r\n        onUpdate: (val, prograss) => {\r\n            if (!ref.current || !rect.current) return\r\n            const vc = variantCb(ref.current, rect.current)\r\n            onUpdate?.(val, prograss)\r\n            return vc.onUpdate(val)\r\n        },\r\n    })\r\n\r\n\r\n    useLayoutEffect(() => {\r\n        const isnot = !init.current && !initialTransition\r\n        init.current = true\r\n        if (open) {\r\n            trans.enter(isnot ? false : true)\r\n        } else {\r\n            trans.exit(isnot ? false : true)\r\n        }\r\n    }, [open])\r\n\r\n\r\n    if (exitOnUnmount && trans.status === \"exited\") return\r\n\r\n    const childs = Children.toArray(children)\r\n    if (childs.length !== 1) {\r\n        throw new Error(\"Transition expects exactly one child.\");\r\n    }\r\n    const child = childs[0]\r\n    if (!isValidElement(child)) {\r\n        throw new Error(\"Transition expects a valid React element.\");\r\n    }\r\n\r\n    return cloneElement(child, {\r\n        ref: (node: HTMLElement) => {\r\n            ref.current = node;\r\n\r\n            const childRef = (child as any).ref;\r\n            if (typeof childRef === \"function\") {\r\n                childRef(node);\r\n            } else if (childRef) {\r\n                childRef.current = node;\r\n            }\r\n        }\r\n    } as any);\r\n}\r\n\r\n\r\nconst Transition = (props: any) => {\r\n    return (\r\n        <TransitionBase\r\n            key={props.variant}\r\n            {...props}\r\n        />\r\n    )\r\n}\r\nexport default Transition"],"names":[],"mappings":";;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}
+{"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({\n    from: T,\n    to: T,\n    onUpdate: (props: T) => void\n})\n\nexport type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback\n\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = typeof variant === 'function' ? variant : variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;AAkCA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}

package/Transition/variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"variants.cjs","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\r\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\r\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\r\n\r\n// ------------------ Variants ------------------\r\n\r\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { opacity: 0 },\r\n    to: { opacity: 1 },\r\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\r\n})\r\n\r\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 0.8, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 1.2, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\r\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\r\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\r\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\r\n        el.style.opacity = String(opacity)\r\n    }\r\n})\r\n\r\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\r\n    const height = rect.height\r\n    return {\r\n        from: { maxHeight: 0 },\r\n        to: { maxHeight: height },\r\n        onUpdate: ({ maxHeight }: any) => {\r\n            el.style.maxHeight = `${maxHeight}px`\r\n        },\r\n    }\r\n}\r\n\r\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\r\n    const width = rect.width\r\n    return {\r\n        from: { width: 0 },\r\n        to: { width },\r\n        onUpdate: ({ width }: any) => {\r\n            el.style.width = `${width}px`\r\n        },\r\n    }\r\n}"],"names":[],"mappings":";;;AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;;;;;;;;;;;;;;"}
+{"version":3,"file":"variants.cjs","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\n\n// ------------------ Variants ------------------\n\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\n    from: { opacity: 0 },\n    to: { opacity: 1 },\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\n})\n\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 0.8, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 1.2, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\n        el.style.opacity = String(opacity)\n    }\n})\n\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\n    const height = rect.height\n    return {\n        from: { maxHeight: 0 },\n        to: { maxHeight: height },\n        onUpdate: ({ maxHeight }: any) => {\n            el.style.maxHeight = `${maxHeight}px`\n        },\n    }\n}\n\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\n    const width = rect.width\n    return {\n        from: { width: 0 },\n        to: { width },\n        onUpdate: ({ width }: any) => {\n            el.style.width = `${width}px`\n        },\n    }\n}"],"names":[],"mappings":";;;AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;;;;;;;;;;;;;;"}

package/Transition/variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\r\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\r\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\r\n\r\n// ------------------ Variants ------------------\r\n\r\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { opacity: 0 },\r\n    to: { opacity: 1 },\r\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\r\n})\r\n\r\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 0.8, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 1.2, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\r\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\r\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\r\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\r\n        el.style.opacity = String(opacity)\r\n    }\r\n})\r\n\r\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\r\n    const height = rect.height\r\n    return {\r\n        from: { maxHeight: 0 },\r\n        to: { maxHeight: height },\r\n        onUpdate: ({ maxHeight }: any) => {\r\n            el.style.maxHeight = `${maxHeight}px`\r\n        },\r\n    }\r\n}\r\n\r\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\r\n    const width = rect.width\r\n    return {\r\n        from: { width: 0 },\r\n        to: { width },\r\n        onUpdate: ({ width }: any) => {\r\n            el.style.width = `${width}px`\r\n        },\r\n    }\r\n}"],"names":[],"mappings":";AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;"}
+{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\n\n// ------------------ Variants ------------------\n\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\n    from: { opacity: 0 },\n    to: { opacity: 1 },\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\n})\n\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 0.8, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 1.2, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\n        el.style.opacity = String(opacity)\n    }\n})\n\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\n    const height = rect.height\n    return {\n        from: { maxHeight: 0 },\n        to: { maxHeight: height },\n        onUpdate: ({ maxHeight }: any) => {\n            el.style.maxHeight = `${maxHeight}px`\n        },\n    }\n}\n\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\n    const width = rect.width\n    return {\n        from: { width: 0 },\n        to: { width },\n        onUpdate: ({ width }: any) => {\n            el.style.width = `${width}px`\n        },\n    }\n}"],"names":[],"mappings":";AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;"}

package/animate/easing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"easing.cjs","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\r\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\r\n   return (t: number) => {\r\n      const cx = 3 * p1x;\r\n      const bx = 3 * (p2x - p1x) - cx;\r\n      const ax = 1 - cx - bx;\r\n\r\n      const cy = 3 * p1y;\r\n      const by = 3 * (p2y - p1y) - cy;\r\n      const ay = 1 - cy - by;\r\n\r\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\r\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\r\n      const sampleCurveDerivativeX = (t: number) =>\r\n         (3 * ax * t + 2 * bx) * t + cx;\r\n\r\n      // Newton-Raphson\r\n      let x = t;\r\n      for (let i = 0; i < 5; i++) {\r\n         const dx = sampleCurveX(x) - t;\r\n         const d = sampleCurveDerivativeX(x);\r\n         if (Math.abs(dx) < 1e-6) break;\r\n         if (Math.abs(d) < 1e-6) break;\r\n         x = x - dx / d;\r\n      }\r\n\r\n      return sampleCurveY(x);\r\n   };\r\n};\r\n\r\nconst Easing = {\r\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\r\n   // your cubic-bezier mappings\r\n   standard: cubicBezier(0.4, 0, 0.2, 1),\r\n   fast: cubicBezier(0.2, 0, 0, 1),\r\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\r\n   linear: cubicBezier(0, 0, 1, 1),\r\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\r\n\r\n   // existing easings\r\n   cubicInOut: (t: number) =>\r\n      t < 0.5\r\n         ? 4 * t * t * t\r\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\r\n\r\n   easeOutBounce: (t: number) => {\r\n      const n1 = 7.5625;\r\n      const d1 = 2.75;\r\n      if (t < 1 / d1) return n1 * t * t;\r\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\r\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\r\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\r\n   },\r\n\r\n   spring: (t: number) => {\r\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\r\n   },\r\n};\r\n\r\nexport default Easing"],"names":[],"mappings":";;;AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}
+{"version":3,"file":"easing.cjs","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\n   return (t: number) => {\n      const cx = 3 * p1x;\n      const bx = 3 * (p2x - p1x) - cx;\n      const ax = 1 - cx - bx;\n\n      const cy = 3 * p1y;\n      const by = 3 * (p2y - p1y) - cy;\n      const ay = 1 - cy - by;\n\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\n      const sampleCurveDerivativeX = (t: number) =>\n         (3 * ax * t + 2 * bx) * t + cx;\n\n      // Newton-Raphson\n      let x = t;\n      for (let i = 0; i < 5; i++) {\n         const dx = sampleCurveX(x) - t;\n         const d = sampleCurveDerivativeX(x);\n         if (Math.abs(dx) < 1e-6) break;\n         if (Math.abs(d) < 1e-6) break;\n         x = x - dx / d;\n      }\n\n      return sampleCurveY(x);\n   };\n};\n\nconst Easing = {\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\n   // your cubic-bezier mappings\n   standard: cubicBezier(0.4, 0, 0.2, 1),\n   fast: cubicBezier(0.2, 0, 0, 1),\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\n   linear: cubicBezier(0, 0, 1, 1),\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\n\n   // existing easings\n   cubicInOut: (t: number) =>\n      t < 0.5\n         ? 4 * t * t * t\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\n\n   easeOutBounce: (t: number) => {\n      const n1 = 7.5625;\n      const d1 = 2.75;\n      if (t < 1 / d1) return n1 * t * t;\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\n   },\n\n   spring: (t: number) => {\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\n   },\n};\n\nexport default Easing"],"names":[],"mappings":";;;AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}

package/animate/easing.js.map

@@ -1 +1 @@
-{"version":3,"file":"easing.js","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\r\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\r\n   return (t: number) => {\r\n      const cx = 3 * p1x;\r\n      const bx = 3 * (p2x - p1x) - cx;\r\n      const ax = 1 - cx - bx;\r\n\r\n      const cy = 3 * p1y;\r\n      const by = 3 * (p2y - p1y) - cy;\r\n      const ay = 1 - cy - by;\r\n\r\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\r\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\r\n      const sampleCurveDerivativeX = (t: number) =>\r\n         (3 * ax * t + 2 * bx) * t + cx;\r\n\r\n      // Newton-Raphson\r\n      let x = t;\r\n      for (let i = 0; i < 5; i++) {\r\n         const dx = sampleCurveX(x) - t;\r\n         const d = sampleCurveDerivativeX(x);\r\n         if (Math.abs(dx) < 1e-6) break;\r\n         if (Math.abs(d) < 1e-6) break;\r\n         x = x - dx / d;\r\n      }\r\n\r\n      return sampleCurveY(x);\r\n   };\r\n};\r\n\r\nconst Easing = {\r\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\r\n   // your cubic-bezier mappings\r\n   standard: cubicBezier(0.4, 0, 0.2, 1),\r\n   fast: cubicBezier(0.2, 0, 0, 1),\r\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\r\n   linear: cubicBezier(0, 0, 1, 1),\r\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\r\n\r\n   // existing easings\r\n   cubicInOut: (t: number) =>\r\n      t < 0.5\r\n         ? 4 * t * t * t\r\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\r\n\r\n   easeOutBounce: (t: number) => {\r\n      const n1 = 7.5625;\r\n      const d1 = 2.75;\r\n      if (t < 1 / d1) return n1 * t * t;\r\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\r\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\r\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\r\n   },\r\n\r\n   spring: (t: number) => {\r\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\r\n   },\r\n};\r\n\r\nexport default Easing"],"names":[],"mappings":";AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}
+{"version":3,"file":"easing.js","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\n   return (t: number) => {\n      const cx = 3 * p1x;\n      const bx = 3 * (p2x - p1x) - cx;\n      const ax = 1 - cx - bx;\n\n      const cy = 3 * p1y;\n      const by = 3 * (p2y - p1y) - cy;\n      const ay = 1 - cy - by;\n\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\n      const sampleCurveDerivativeX = (t: number) =>\n         (3 * ax * t + 2 * bx) * t + cx;\n\n      // Newton-Raphson\n      let x = t;\n      for (let i = 0; i < 5; i++) {\n         const dx = sampleCurveX(x) - t;\n         const d = sampleCurveDerivativeX(x);\n         if (Math.abs(dx) < 1e-6) break;\n         if (Math.abs(d) < 1e-6) break;\n         x = x - dx / d;\n      }\n\n      return sampleCurveY(x);\n   };\n};\n\nconst Easing = {\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\n   // your cubic-bezier mappings\n   standard: cubicBezier(0.4, 0, 0.2, 1),\n   fast: cubicBezier(0.2, 0, 0, 1),\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\n   linear: cubicBezier(0, 0, 1, 1),\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\n\n   // existing easings\n   cubicInOut: (t: number) =>\n      t < 0.5\n         ? 4 * t * t * t\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\n\n   easeOutBounce: (t: number) => {\n      const n1 = 7.5625;\n      const d1 = 2.75;\n      if (t < 1 / d1) return n1 * t * t;\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\n   },\n\n   spring: (t: number) => {\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\n   },\n};\n\nexport default Easing"],"names":[],"mappings":";AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}

package/animate/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\";\r\nimport Easing from \"./easing\";\r\n\r\nexport { Easing };\r\n\r\nexport type AnimateOptions<T extends Record<string, number>> = {\r\n   from: T | (() => T);\r\n   to: T | (() => T);\r\n   duration?: number;\r\n   delay?: number;\r\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\r\n   onUpdate: (value: T, progress: number) => void;\r\n   onDone?: (value: T) => void;\r\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\r\n   repeat?: number;\r\n   repeatBack?: boolean;\r\n};\r\n\r\nconst animate = <T extends Record<string, number>>({\r\n   from,\r\n   to,\r\n   duration = 400,\r\n   delay = 0,\r\n   easing = Easing.default,\r\n   onUpdate,\r\n   onDone,\r\n   breakpoints,\r\n   repeat = 0,\r\n   repeatBack = false,\r\n}: AnimateOptions<T>) => {\r\n   let rafId: number;\r\n   let cycle = 0;\r\n   let forward = true;\r\n\r\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\r\n   const lastValues: Partial<Record<keyof T, number>> = {};\r\n\r\n   const resolve = (val: T | (() => T)): T =>\r\n      typeof val === \"function\" ? (val as () => T)() : val;\r\n\r\n   const getEased = (key: keyof T, t: number) => {\r\n      let e: number;\r\n      if (typeof easing === \"function\") e = easing(t);\r\n      else if (easing[key]) e = easing[key]!(t);\r\n      else e = t;\r\n      return Math.max(0, Math.min(1, e)); // clamp\r\n   };\r\n\r\n   const startAnimation = () => {\r\n      const fromVal = resolve(from);\r\n      const toVal = resolve(to);\r\n\r\n      const keys = Object.keys(fromVal) as (keyof T)[];\r\n\r\n      if (breakpoints) {\r\n         for (const key of keys) {\r\n            triggered[key] = new Set();\r\n            lastValues[key] = forward ? fromVal[key] : toVal[key];\r\n         }\r\n      }\r\n\r\n      // first frame exact start\r\n      onUpdate({ ...fromVal }, 0);\r\n\r\n      const start = performance.now();\r\n\r\n      const frame = (now: number) => {\r\n         const elapsed = now - start;\r\n         const progress = duration === 0 ? 1 : Math.min(elapsed / duration, 1);\r\n\r\n         const current = {} as T;\r\n\r\n         for (const key of keys) {\r\n            const f = forward ? fromVal[key] : toVal[key];\r\n            const t = forward ? toVal[key] : fromVal[key];\r\n\r\n            const eased = getEased(key, progress);\r\n            const val = f + (t - f) * eased;\r\n\r\n            (current as any)[key] = val;\r\n\r\n            // ✅ breakpoints: only trigger if inside from..to\r\n            const bps = breakpoints?.[key];\r\n            if (bps) {\r\n               const last = lastValues[key]!;\r\n               for (let i = 0; i < bps.length; i++) {\r\n                  if (triggered[key]!.has(i)) continue;\r\n\r\n                  const bp = bps[i].value;\r\n\r\n                  // skip if breakpoint outside from..to\r\n                  if (!((f < t && bp >= f && bp <= t) || (f > t && bp <= f && bp >= t))) continue;\r\n\r\n                  // trigger only if crossed this frame\r\n                  if ((f < t && last < bp && val >= bp) || (f > t && last > bp && val <= bp)) {\r\n                     triggered[key]!.add(i);\r\n                     bps[i].callback();\r\n                  }\r\n               }\r\n\r\n               lastValues[key] = val;\r\n            }\r\n         }\r\n\r\n         if (progress < 1) {\r\n            onUpdate(current, progress);\r\n            rafId = requestAnimationFrame(frame);\r\n         } else {\r\n            const finalState = forward ? toVal : fromVal;\r\n            onUpdate({ ...finalState }, 1);\r\n\r\n            cycle++;\r\n            if (cycle <= repeat) {\r\n               if (repeatBack) forward = !forward;\r\n               startAnimation();\r\n            } else {\r\n               onDone?.(finalState);\r\n            }\r\n         }\r\n      };\r\n\r\n      rafId = requestAnimationFrame(frame);\r\n   };\r\n\r\n   if (delay > 0) {\r\n      const timeout = setTimeout(startAnimation, delay);\r\n      return () => {\r\n         clearTimeout(timeout);\r\n         cancelAnimationFrame(rafId);\r\n      };\r\n   } else {\r\n      startAnimation();\r\n      return () => cancelAnimationFrame(rafId);\r\n   }\r\n};\r\n\r\nexport default animate;"],"names":[],"mappings":";;;;;;;AAkBA;AAYG;;;;;;AAUA;AACG;;AACkC;;;;;AAGlC;AACH;;AAGG;AACA;;;AAKG;AACG;AACA;;;;AAKN;AAEA;AAEA;AACG;;;AAKA;AACG;AACA;;;AAKC;;;;AAKE;AACA;;;;;AAMG;;;AAGA;;AAEG;;;AAIN;;;AAIN;AACG;AACA;;;;AAGA;AAEA;AACA;AACG;;AACA;;;AAEA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\";\nimport Easing from \"./easing\";\n\nexport { Easing };\n\nexport type AnimateOptions<T extends Record<string, number>> = {\n   from: T | (() => T);\n   to: T | (() => T);\n   duration?: number;\n   delay?: number;\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\n   onUpdate: (value: T, progress: number) => void;\n   onDone?: (value: T) => void;\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\n   repeat?: number;\n   repeatBack?: boolean;\n};\n\nconst animate = <T extends Record<string, number>>({\n   from,\n   to,\n   duration = 400,\n   delay = 0,\n   easing = Easing.default,\n   onUpdate,\n   onDone,\n   breakpoints,\n   repeat = 0,\n   repeatBack = false,\n}: AnimateOptions<T>) => {\n   let rafId: number;\n   let cycle = 0;\n   let forward = true;\n\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\n   const lastValues: Partial<Record<keyof T, number>> = {};\n\n   const resolve = (val: T | (() => T)): T =>\n      typeof val === \"function\" ? (val as () => T)() : val;\n\n   const getEased = (key: keyof T, t: number) => {\n      let e: number;\n      if (typeof easing === \"function\") e = easing(t);\n      else if (easing[key]) e = easing[key]!(t);\n      else e = t;\n      return Math.max(0, Math.min(1, e)); // clamp\n   };\n\n   const startAnimation = () => {\n      const fromVal = resolve(from);\n      const toVal = resolve(to);\n\n      const keys = Object.keys(fromVal) as (keyof T)[];\n\n      if (breakpoints) {\n         for (const key of keys) {\n            triggered[key] = new Set();\n            lastValues[key] = forward ? fromVal[key] : toVal[key];\n         }\n      }\n\n      // first frame exact start\n      onUpdate({ ...fromVal }, 0);\n\n      const start = performance.now();\n\n      const frame = (now: number) => {\n         const elapsed = now - start;\n         const progress = duration === 0 ? 1 : Math.min(elapsed / duration, 1);\n\n         const current = {} as T;\n\n         for (const key of keys) {\n            const f = forward ? fromVal[key] : toVal[key];\n            const t = forward ? toVal[key] : fromVal[key];\n\n            const eased = getEased(key, progress);\n            const val = f + (t - f) * eased;\n\n            (current as any)[key] = val;\n\n            // ✅ breakpoints: only trigger if inside from..to\n            const bps = breakpoints?.[key];\n            if (bps) {\n               const last = lastValues[key]!;\n               for (let i = 0; i < bps.length; i++) {\n                  if (triggered[key]!.has(i)) continue;\n\n                  const bp = bps[i].value;\n\n                  // skip if breakpoint outside from..to\n                  if (!((f < t && bp >= f && bp <= t) || (f > t && bp <= f && bp >= t))) continue;\n\n                  // trigger only if crossed this frame\n                  if ((f < t && last < bp && val >= bp) || (f > t && last > bp && val <= bp)) {\n                     triggered[key]!.add(i);\n                     bps[i].callback();\n                  }\n               }\n\n               lastValues[key] = val;\n            }\n         }\n\n         if (progress < 1) {\n            onUpdate(current, progress);\n            rafId = requestAnimationFrame(frame);\n         } else {\n            const finalState = forward ? toVal : fromVal;\n            onUpdate({ ...finalState }, 1);\n\n            cycle++;\n            if (cycle <= repeat) {\n               if (repeatBack) forward = !forward;\n               startAnimation();\n            } else {\n               onDone?.(finalState);\n            }\n         }\n      };\n\n      rafId = requestAnimationFrame(frame);\n   };\n\n   if (delay > 0) {\n      const timeout = setTimeout(startAnimation, delay);\n      return () => {\n         clearTimeout(timeout);\n         cancelAnimationFrame(rafId);\n      };\n   } else {\n      startAnimation();\n      return () => cancelAnimationFrame(rafId);\n   }\n};\n\nexport default animate;"],"names":[],"mappings":";;;;;;;AAkBA;AAYG;;;;;;AAUA;AACG;;AACkC;;;;;AAGlC;AACH;;AAGG;AACA;;;AAKG;AACG;AACA;;;;AAKN;AAEA;AAEA;AACG;;;AAKA;AACG;AACA;;;AAKC;;;;AAKE;AACA;;;;;AAMG;;;AAGA;;AAEG;;;AAIN;;;AAIN;AACG;AACA;;;;AAGA;AAEA;AACA;AACG;;AACA;;;AAEA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;;"}

package/animate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\";\r\nimport Easing from \"./easing\";\r\n\r\nexport { Easing };\r\n\r\nexport type AnimateOptions<T extends Record<string, number>> = {\r\n   from: T | (() => T);\r\n   to: T | (() => T);\r\n   duration?: number;\r\n   delay?: number;\r\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\r\n   onUpdate: (value: T, progress: number) => void;\r\n   onDone?: (value: T) => void;\r\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\r\n   repeat?: number;\r\n   repeatBack?: boolean;\r\n};\r\n\r\nconst animate = <T extends Record<string, number>>({\r\n   from,\r\n   to,\r\n   duration = 400,\r\n   delay = 0,\r\n   easing = Easing.default,\r\n   onUpdate,\r\n   onDone,\r\n   breakpoints,\r\n   repeat = 0,\r\n   repeatBack = false,\r\n}: AnimateOptions<T>) => {\r\n   let rafId: number;\r\n   let cycle = 0;\r\n   let forward = true;\r\n\r\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\r\n   const lastValues: Partial<Record<keyof T, number>> = {};\r\n\r\n   const resolve = (val: T | (() => T)): T =>\r\n      typeof val === \"function\" ? (val as () => T)() : val;\r\n\r\n   const getEased = (key: keyof T, t: number) => {\r\n      let e: number;\r\n      if (typeof easing === \"function\") e = easing(t);\r\n      else if (easing[key]) e = easing[key]!(t);\r\n      else e = t;\r\n      return Math.max(0, Math.min(1, e)); // clamp\r\n   };\r\n\r\n   const startAnimation = () => {\r\n      const fromVal = resolve(from);\r\n      const toVal = resolve(to);\r\n\r\n      const keys = Object.keys(fromVal) as (keyof T)[];\r\n\r\n      if (breakpoints) {\r\n         for (const key of keys) {\r\n            triggered[key] = new Set();\r\n            lastValues[key] = forward ? fromVal[key] : toVal[key];\r\n         }\r\n      }\r\n\r\n      // first frame exact start\r\n      onUpdate({ ...fromVal }, 0);\r\n\r\n      const start = performance.now();\r\n\r\n      const frame = (now: number) => {\r\n         const elapsed = now - start;\r\n         const progress = duration === 0 ? 1 : Math.min(elapsed / duration, 1);\r\n\r\n         const current = {} as T;\r\n\r\n         for (const key of keys) {\r\n            const f = forward ? fromVal[key] : toVal[key];\r\n            const t = forward ? toVal[key] : fromVal[key];\r\n\r\n            const eased = getEased(key, progress);\r\n            const val = f + (t - f) * eased;\r\n\r\n            (current as any)[key] = val;\r\n\r\n            // ✅ breakpoints: only trigger if inside from..to\r\n            const bps = breakpoints?.[key];\r\n            if (bps) {\r\n               const last = lastValues[key]!;\r\n               for (let i = 0; i < bps.length; i++) {\r\n                  if (triggered[key]!.has(i)) continue;\r\n\r\n                  const bp = bps[i].value;\r\n\r\n                  // skip if breakpoint outside from..to\r\n                  if (!((f < t && bp >= f && bp <= t) || (f > t && bp <= f && bp >= t))) continue;\r\n\r\n                  // trigger only if crossed this frame\r\n                  if ((f < t && last < bp && val >= bp) || (f > t && last > bp && val <= bp)) {\r\n                     triggered[key]!.add(i);\r\n                     bps[i].callback();\r\n                  }\r\n               }\r\n\r\n               lastValues[key] = val;\r\n            }\r\n         }\r\n\r\n         if (progress < 1) {\r\n            onUpdate(current, progress);\r\n            rafId = requestAnimationFrame(frame);\r\n         } else {\r\n            const finalState = forward ? toVal : fromVal;\r\n            onUpdate({ ...finalState }, 1);\r\n\r\n            cycle++;\r\n            if (cycle <= repeat) {\r\n               if (repeatBack) forward = !forward;\r\n               startAnimation();\r\n            } else {\r\n               onDone?.(finalState);\r\n            }\r\n         }\r\n      };\r\n\r\n      rafId = requestAnimationFrame(frame);\r\n   };\r\n\r\n   if (delay > 0) {\r\n      const timeout = setTimeout(startAnimation, delay);\r\n      return () => {\r\n         clearTimeout(timeout);\r\n         cancelAnimationFrame(rafId);\r\n      };\r\n   } else {\r\n      startAnimation();\r\n      return () => cancelAnimationFrame(rafId);\r\n   }\r\n};\r\n\r\nexport default animate;"],"names":[],"mappings":";;;AAkBA;AAYG;;;;;;AAUA;AACG;;AACkC;;;;;AAGlC;AACH;;AAGG;AACA;;;AAKG;AACG;AACA;;;;AAKN;AAEA;AAEA;AACG;;;AAKA;AACG;AACA;;;AAKC;;;;AAKE;AACA;;;;;AAMG;;;AAGA;;AAEG;;;AAIN;;;AAIN;AACG;AACA;;;;AAGA;AAEA;AACA;AACG;;AACA;;;AAEA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;"}
+{"version":3,"file":"index.js","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\";\nimport Easing from \"./easing\";\n\nexport { Easing };\n\nexport type AnimateOptions<T extends Record<string, number>> = {\n   from: T | (() => T);\n   to: T | (() => T);\n   duration?: number;\n   delay?: number;\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\n   onUpdate: (value: T, progress: number) => void;\n   onDone?: (value: T) => void;\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\n   repeat?: number;\n   repeatBack?: boolean;\n};\n\nconst animate = <T extends Record<string, number>>({\n   from,\n   to,\n   duration = 400,\n   delay = 0,\n   easing = Easing.default,\n   onUpdate,\n   onDone,\n   breakpoints,\n   repeat = 0,\n   repeatBack = false,\n}: AnimateOptions<T>) => {\n   let rafId: number;\n   let cycle = 0;\n   let forward = true;\n\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\n   const lastValues: Partial<Record<keyof T, number>> = {};\n\n   const resolve = (val: T | (() => T)): T =>\n      typeof val === \"function\" ? (val as () => T)() : val;\n\n   const getEased = (key: keyof T, t: number) => {\n      let e: number;\n      if (typeof easing === \"function\") e = easing(t);\n      else if (easing[key]) e = easing[key]!(t);\n      else e = t;\n      return Math.max(0, Math.min(1, e)); // clamp\n   };\n\n   const startAnimation = () => {\n      const fromVal = resolve(from);\n      const toVal = resolve(to);\n\n      const keys = Object.keys(fromVal) as (keyof T)[];\n\n      if (breakpoints) {\n         for (const key of keys) {\n            triggered[key] = new Set();\n            lastValues[key] = forward ? fromVal[key] : toVal[key];\n         }\n      }\n\n      // first frame exact start\n      onUpdate({ ...fromVal }, 0);\n\n      const start = performance.now();\n\n      const frame = (now: number) => {\n         const elapsed = now - start;\n         const progress = duration === 0 ? 1 : Math.min(elapsed / duration, 1);\n\n         const current = {} as T;\n\n         for (const key of keys) {\n            const f = forward ? fromVal[key] : toVal[key];\n            const t = forward ? toVal[key] : fromVal[key];\n\n            const eased = getEased(key, progress);\n            const val = f + (t - f) * eased;\n\n            (current as any)[key] = val;\n\n            // ✅ breakpoints: only trigger if inside from..to\n            const bps = breakpoints?.[key];\n            if (bps) {\n               const last = lastValues[key]!;\n               for (let i = 0; i < bps.length; i++) {\n                  if (triggered[key]!.has(i)) continue;\n\n                  const bp = bps[i].value;\n\n                  // skip if breakpoint outside from..to\n                  if (!((f < t && bp >= f && bp <= t) || (f > t && bp <= f && bp >= t))) continue;\n\n                  // trigger only if crossed this frame\n                  if ((f < t && last < bp && val >= bp) || (f > t && last > bp && val <= bp)) {\n                     triggered[key]!.add(i);\n                     bps[i].callback();\n                  }\n               }\n\n               lastValues[key] = val;\n            }\n         }\n\n         if (progress < 1) {\n            onUpdate(current, progress);\n            rafId = requestAnimationFrame(frame);\n         } else {\n            const finalState = forward ? toVal : fromVal;\n            onUpdate({ ...finalState }, 1);\n\n            cycle++;\n            if (cycle <= repeat) {\n               if (repeatBack) forward = !forward;\n               startAnimation();\n            } else {\n               onDone?.(finalState);\n            }\n         }\n      };\n\n      rafId = requestAnimationFrame(frame);\n   };\n\n   if (delay > 0) {\n      const timeout = setTimeout(startAnimation, delay);\n      return () => {\n         clearTimeout(timeout);\n         cancelAnimationFrame(rafId);\n      };\n   } else {\n      startAnimation();\n      return () => cancelAnimationFrame(rafId);\n   }\n};\n\nexport default animate;"],"names":[],"mappings":";;;AAkBA;AAYG;;;;;;AAUA;AACG;;AACkC;;;;;AAGlC;AACH;;AAGG;AACA;;;AAKG;AACG;AACA;;;;AAKN;AAEA;AAEA;AACG;;;AAKA;AACG;AACA;;;AAKC;;;;AAKE;AACA;;;;;AAMG;;;AAGA;;AAEG;;;AAIN;;;AAIN;AACG;AACA;;;;AAGA;AAEA;AACA;AACG;;AACA;;;AAEA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;"}

package/breakpoint/BreakpointProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointProvider.cjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactNode, useEffect, useState } from \"react\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\nimport Cookie from \"../cookie\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys | null>(null);\r\n\r\nconst queries: Record<BreakpointKeys, string> = {\r\n    xs: `(max-width:${breakpoints.sm - 0.02}px)`,\r\n    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,\r\n    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,\r\n    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,\r\n    xl: `(min-width:${breakpoints.xl}px)`\r\n};\r\n\r\nconst getCurrent = (def: BreakpointKeys): BreakpointKeys => {\r\n    if (typeof window === \"undefined\") return def;\r\n    const entries = Object.entries(queries) as [BreakpointKeys, string][];\r\n    for (const [key, query] of entries) {\r\n        if (window.matchMedia(query).matches) {\r\n            return key;\r\n        }\r\n    }\r\n    return def;\r\n};\r\n\r\nexport const BreakpointProvider = ({ children, defaultKey }: { children?: ReactNode, defaultKey: BreakpointKeys }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(defaultKey);\r\n\r\n    useEffect(() => {\r\n        const current = getCurrent(defaultKey)\r\n        setCurrent(current)\r\n        Cookie.set(\"xuibp\", current)\r\n        const mqls = Object.entries(queries).map(([key, query]) => {\r\n            const mql = window.matchMedia(query);\r\n            const handler = () => {\r\n                if (mql.matches) {\r\n                    setCurrent(key as BreakpointKeys);\r\n                    Cookie.set(\"xuibp\", key)\r\n                }\r\n            };\r\n\r\n            mql.addEventListener(\"change\", handler);\r\n\r\n            return () => mql.removeEventListener(\"change\", handler);\r\n        });\r\n\r\n        return () => {\r\n            mqls.forEach(fn => fn());\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    );\r\n};"],"names":[],"mappings":";;;;;;;;AAOO;AAEP;AACI;;;;AAIA;;AAGJ;;AACuC;;;;AAI3B;;;AAGR;AACJ;AAEO;;;AAIC;;AAEA;AACA;;;AAGQ;;AAEI;;AAER;AAEA;;AAGJ;AAEA;;AAEA;;AAGJ;AAKJ;;;"}
+{"version":3,"file":"BreakpointProvider.cjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\nimport Cookie from \"../cookie\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys | null>(null);\n\nconst queries: Record<BreakpointKeys, string> = {\n    xs: `(max-width:${breakpoints.sm - 0.02}px)`,\n    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,\n    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,\n    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,\n    xl: `(min-width:${breakpoints.xl}px)`\n};\n\nconst getCurrent = (def: BreakpointKeys): BreakpointKeys => {\n    if (typeof window === \"undefined\") return def;\n    const entries = Object.entries(queries) as [BreakpointKeys, string][];\n    for (const [key, query] of entries) {\n        if (window.matchMedia(query).matches) {\n            return key;\n        }\n    }\n    return def;\n};\n\nexport const BreakpointProvider = ({ children, defaultKey }: { children?: ReactNode, defaultKey: BreakpointKeys }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(defaultKey);\n\n    useEffect(() => {\n        const current = getCurrent(defaultKey)\n        setCurrent(current)\n        Cookie.set(\"xuibp\", current)\n        const mqls = Object.entries(queries).map(([key, query]) => {\n            const mql = window.matchMedia(query);\n            const handler = () => {\n                if (mql.matches) {\n                    setCurrent(key as BreakpointKeys);\n                    Cookie.set(\"xuibp\", key)\n                }\n            };\n\n            mql.addEventListener(\"change\", handler);\n\n            return () => mql.removeEventListener(\"change\", handler);\n        });\n\n        return () => {\n            mqls.forEach(fn => fn());\n        };\n    }, []);\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    );\n};"],"names":[],"mappings":";;;;;;;;AAOO;AAEP;AACI;;;;AAIA;;AAGJ;;AACuC;;;;AAI3B;;;AAGR;AACJ;AAEO;;;AAIC;;AAEA;AACA;;;AAGQ;;AAEI;;AAER;AAEA;;AAGJ;AAEA;;AAEA;;AAGJ;AAKJ;;;"}

package/breakpoint/BreakpointProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactNode, useEffect, useState } from \"react\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\nimport Cookie from \"../cookie\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys | null>(null);\r\n\r\nconst queries: Record<BreakpointKeys, string> = {\r\n    xs: `(max-width:${breakpoints.sm - 0.02}px)`,\r\n    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,\r\n    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,\r\n    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,\r\n    xl: `(min-width:${breakpoints.xl}px)`\r\n};\r\n\r\nconst getCurrent = (def: BreakpointKeys): BreakpointKeys => {\r\n    if (typeof window === \"undefined\") return def;\r\n    const entries = Object.entries(queries) as [BreakpointKeys, string][];\r\n    for (const [key, query] of entries) {\r\n        if (window.matchMedia(query).matches) {\r\n            return key;\r\n        }\r\n    }\r\n    return def;\r\n};\r\n\r\nexport const BreakpointProvider = ({ children, defaultKey }: { children?: ReactNode, defaultKey: BreakpointKeys }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(defaultKey);\r\n\r\n    useEffect(() => {\r\n        const current = getCurrent(defaultKey)\r\n        setCurrent(current)\r\n        Cookie.set(\"xuibp\", current)\r\n        const mqls = Object.entries(queries).map(([key, query]) => {\r\n            const mql = window.matchMedia(query);\r\n            const handler = () => {\r\n                if (mql.matches) {\r\n                    setCurrent(key as BreakpointKeys);\r\n                    Cookie.set(\"xuibp\", key)\r\n                }\r\n            };\r\n\r\n            mql.addEventListener(\"change\", handler);\r\n\r\n            return () => mql.removeEventListener(\"change\", handler);\r\n        });\r\n\r\n        return () => {\r\n            mqls.forEach(fn => fn());\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    );\r\n};"],"names":[],"mappings":";;;;;;AAOO;AAEP;AACI;;;;AAIA;;AAGJ;;AACuC;;;;AAI3B;;;AAGR;AACJ;AAEO;;;AAIC;;AAEA;AACA;;;AAGQ;;AAEI;;AAER;AAEA;;AAGJ;AAEA;;AAEA;;AAGJ;AAKJ;;"}
+{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\nimport Cookie from \"../cookie\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys | null>(null);\n\nconst queries: Record<BreakpointKeys, string> = {\n    xs: `(max-width:${breakpoints.sm - 0.02}px)`,\n    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,\n    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,\n    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,\n    xl: `(min-width:${breakpoints.xl}px)`\n};\n\nconst getCurrent = (def: BreakpointKeys): BreakpointKeys => {\n    if (typeof window === \"undefined\") return def;\n    const entries = Object.entries(queries) as [BreakpointKeys, string][];\n    for (const [key, query] of entries) {\n        if (window.matchMedia(query).matches) {\n            return key;\n        }\n    }\n    return def;\n};\n\nexport const BreakpointProvider = ({ children, defaultKey }: { children?: ReactNode, defaultKey: BreakpointKeys }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(defaultKey);\n\n    useEffect(() => {\n        const current = getCurrent(defaultKey)\n        setCurrent(current)\n        Cookie.set(\"xuibp\", current)\n        const mqls = Object.entries(queries).map(([key, query]) => {\n            const mql = window.matchMedia(query);\n            const handler = () => {\n                if (mql.matches) {\n                    setCurrent(key as BreakpointKeys);\n                    Cookie.set(\"xuibp\", key)\n                }\n            };\n\n            mql.addEventListener(\"change\", handler);\n\n            return () => mql.removeEventListener(\"change\", handler);\n        });\n\n        return () => {\n            mqls.forEach(fn => fn());\n        };\n    }, []);\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    );\n};"],"names":[],"mappings":";;;;;;AAOO;AAEP;AACI;;;;AAIA;;AAGJ;;AACuC;;;;AAI3B;;;AAGR;AACJ;AAEO;;;AAIC;;AAEA;AACA;;;AAGQ;;AAEI;;AAER;AAEA;;AAGJ;AAEA;;AAEA;;AAGJ;AAKJ;;"}

package/breakpoint/useBreakpoint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.cjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { BreakpointCtx } from \"./BreakpointProvider\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nconst keys = Object.keys(breakpoints) as BreakpointKeys[];\r\n\r\nconst useBreakpoint = () => {\r\n   const value = useContext(BreakpointCtx) as BreakpointKeys\r\n   const index = keys.indexOf(value);\r\n\r\n   const is = (key: BreakpointKeys) => value === key;\r\n   const isUp = (key: BreakpointKeys) => index >= keys.indexOf(key);\r\n   const isDown = (key: BreakpointKeys) => index < keys.indexOf(key);\r\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\r\n      index >= keys.indexOf(start) && index < keys.indexOf(end);\r\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\r\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\r\n\r\n   return {\r\n      value,\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isBetween,\r\n      isOrUp,\r\n      isOrDown\r\n   };\r\n};\r\n\r\nexport default useBreakpoint;"],"names":["breakpoints","useContext","BreakpointCtx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAACA,iBAAW,CAAqB;AAEzD,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAGC,gBAAU,CAACC,gCAAa,CAAmB;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAEjC,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1D,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,MAAM;QACN;KACF;AACJ;;;;"}
+{"version":3,"file":"useBreakpoint.cjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { BreakpointCtx } from \"./BreakpointProvider\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nconst keys = Object.keys(breakpoints) as BreakpointKeys[];\n\nconst useBreakpoint = () => {\n   const value = useContext(BreakpointCtx) as BreakpointKeys\n   const index = keys.indexOf(value);\n\n   const is = (key: BreakpointKeys) => value === key;\n   const isUp = (key: BreakpointKeys) => index >= keys.indexOf(key);\n   const isDown = (key: BreakpointKeys) => index < keys.indexOf(key);\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\n      index >= keys.indexOf(start) && index < keys.indexOf(end);\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\n\n   return {\n      value,\n      is,\n      isUp,\n      isDown,\n      isBetween,\n      isOrUp,\n      isOrDown\n   };\n};\n\nexport default useBreakpoint;"],"names":["breakpoints","useContext","BreakpointCtx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAACA,iBAAW,CAAqB;AAEzD,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAGC,gBAAU,CAACC,gCAAa,CAAmB;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAEjC,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1D,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,MAAM;QACN;KACF;AACJ;;;;"}

package/breakpoint/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { BreakpointCtx } from \"./BreakpointProvider\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nconst keys = Object.keys(breakpoints) as BreakpointKeys[];\r\n\r\nconst useBreakpoint = () => {\r\n   const value = useContext(BreakpointCtx) as BreakpointKeys\r\n   const index = keys.indexOf(value);\r\n\r\n   const is = (key: BreakpointKeys) => value === key;\r\n   const isUp = (key: BreakpointKeys) => index >= keys.indexOf(key);\r\n   const isDown = (key: BreakpointKeys) => index < keys.indexOf(key);\r\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\r\n      index >= keys.indexOf(start) && index < keys.indexOf(end);\r\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\r\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\r\n\r\n   return {\r\n      value,\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isBetween,\r\n      isOrUp,\r\n      isOrDown\r\n   };\r\n};\r\n\r\nexport default useBreakpoint;"],"names":[],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB;AAEzD,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAmB;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAEjC,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1D,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,MAAM;QACN;KACF;AACJ;;;;"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { BreakpointCtx } from \"./BreakpointProvider\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nconst keys = Object.keys(breakpoints) as BreakpointKeys[];\n\nconst useBreakpoint = () => {\n   const value = useContext(BreakpointCtx) as BreakpointKeys\n   const index = keys.indexOf(value);\n\n   const is = (key: BreakpointKeys) => value === key;\n   const isUp = (key: BreakpointKeys) => index >= keys.indexOf(key);\n   const isDown = (key: BreakpointKeys) => index < keys.indexOf(key);\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\n      index >= keys.indexOf(start) && index < keys.indexOf(end);\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\n\n   return {\n      value,\n      is,\n      isUp,\n      isDown,\n      isBetween,\n      isOrUp,\n      isOrDown\n   };\n};\n\nexport default useBreakpoint;"],"names":[],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB;AAEzD,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAmB;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAEjC,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1D,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,MAAM;QACN;KACF;AACJ;;;;"}

package/breakpoint/useBreakpointProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointProps.cjs","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const cachekey = JSON.stringify(props, (key, value) => {\r\n      return key === '_owner' || key === '_store' ? undefined : value;\r\n   }, 2);\r\n\r\n   const bprops = useMemo(() => {\r\n      let bprops: any = []\r\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\r\n\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\r\n            bprops.push(prop)\r\n         }\r\n      }\r\n      return bprops\r\n   }, [cachekey]);\r\n\r\n\r\n   if (bprops.length === 0) return props;\r\n\r\n   const format: any = {\r\n      xs: {},\r\n      sm: {},\r\n      md: {},\r\n      lg: {},\r\n      xl: {}\r\n   }\r\n\r\n   for (let prop of bprops) {\r\n      let val = (props as any)[prop]\r\n      for (let bp in val) {\r\n         format[bp][prop] = val[bp]\r\n      }\r\n   }\r\n\r\n   let _props = format.xs || {};\r\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n      if (bpoint.isDown(key as any)) break;\r\n      if (bpoint.isOrUp(key as any)) {\r\n         _props = { ..._props, ...format[key] };\r\n      }\r\n   }\r\n\r\n   return {\r\n      ...props,\r\n      ..._props\r\n   };\r\n}\r\n\r\n\r\n\r\nexport default useBreakpointProps"],"names":["useMemo","isValidElement"],"mappings":";;;;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAGA,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAACC,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}
+{"version":3,"file":"useBreakpointProps.cjs","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } 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 useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const cachekey = JSON.stringify(props, (key, value) => {\n      return key === '_owner' || key === '_store' ? undefined : value;\n   }, 2);\n\n   const bprops = useMemo(() => {\n      let bprops: any = []\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\n\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\n            bprops.push(prop)\n         }\n      }\n      return bprops\n   }, [cachekey]);\n\n\n   if (bprops.length === 0) return props;\n\n   const format: any = {\n      xs: {},\n      sm: {},\n      md: {},\n      lg: {},\n      xl: {}\n   }\n\n   for (let prop of bprops) {\n      let val = (props as any)[prop]\n      for (let bp in val) {\n         format[bp][prop] = val[bp]\n      }\n   }\n\n   let _props = format.xs || {};\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\n      if (bpoint.isDown(key as any)) break;\n      if (bpoint.isOrUp(key as any)) {\n         _props = { ..._props, ...format[key] };\n      }\n   }\n\n   return {\n      ...props,\n      ..._props\n   };\n}\n\n\n\nexport default useBreakpointProps"],"names":["useMemo","isValidElement"],"mappings":";;;;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAGA,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAACC,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}

package/breakpoint/useBreakpointProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const cachekey = JSON.stringify(props, (key, value) => {\r\n      return key === '_owner' || key === '_store' ? undefined : value;\r\n   }, 2);\r\n\r\n   const bprops = useMemo(() => {\r\n      let bprops: any = []\r\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\r\n\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\r\n            bprops.push(prop)\r\n         }\r\n      }\r\n      return bprops\r\n   }, [cachekey]);\r\n\r\n\r\n   if (bprops.length === 0) return props;\r\n\r\n   const format: any = {\r\n      xs: {},\r\n      sm: {},\r\n      md: {},\r\n      lg: {},\r\n      xl: {}\r\n   }\r\n\r\n   for (let prop of bprops) {\r\n      let val = (props as any)[prop]\r\n      for (let bp in val) {\r\n         format[bp][prop] = val[bp]\r\n      }\r\n   }\r\n\r\n   let _props = format.xs || {};\r\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n      if (bpoint.isDown(key as any)) break;\r\n      if (bpoint.isOrUp(key as any)) {\r\n         _props = { ..._props, ...format[key] };\r\n      }\r\n   }\r\n\r\n   return {\r\n      ...props,\r\n      ..._props\r\n   };\r\n}\r\n\r\n\r\n\r\nexport default useBreakpointProps"],"names":[],"mappings":";;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}
+{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } 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 useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const cachekey = JSON.stringify(props, (key, value) => {\n      return key === '_owner' || key === '_store' ? undefined : value;\n   }, 2);\n\n   const bprops = useMemo(() => {\n      let bprops: any = []\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\n\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\n            bprops.push(prop)\n         }\n      }\n      return bprops\n   }, [cachekey]);\n\n\n   if (bprops.length === 0) return props;\n\n   const format: any = {\n      xs: {},\n      sm: {},\n      md: {},\n      lg: {},\n      xl: {}\n   }\n\n   for (let prop of bprops) {\n      let val = (props as any)[prop]\n      for (let bp in val) {\n         format[bp][prop] = val[bp]\n      }\n   }\n\n   let _props = format.xs || {};\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\n      if (bpoint.isDown(key as any)) break;\n      if (bpoint.isOrUp(key as any)) {\n         _props = { ..._props, ...format[key] };\n      }\n   }\n\n   return {\n      ...props,\n      ..._props\n   };\n}\n\n\n\nexport default useBreakpointProps"],"names":[],"mappings":";;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}

package/cookie.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookie.cjs","sources":["../src/cookie.ts"],"sourcesContent":["// cookieUtils.ts\r\nconst Cookie = {\r\n   /**\r\n    * Set a cookie\r\n    * @param name - cookie name\r\n    * @param value - cookie value\r\n    * @param days - optional, number of days to expire, default 36500 (~100 years)\r\n    */\r\n   set: (name: string, value: string, days = 36500) => {\r\n      const expires = new Date();\r\n      expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);\r\n      document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires.toUTCString()}; path=/`;\r\n   },\r\n\r\n   /**\r\n    * Get a cookie by name\r\n    * @param name - cookie name\r\n    * @returns value or null\r\n    */\r\n   // get: (name: string) => {\r\n   //    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));\r\n   //    return match ? decodeURIComponent(match[1]) : null;\r\n   // },\r\n\r\n   /**\r\n    * Delete a cookie\r\n    * @param name - cookie name\r\n    */\r\n   // delete: (name: string) => {\r\n   //    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\r\n   // },\r\n\r\n   /**\r\n    * Check if a cookie exists\r\n    * @param name - cookie name\r\n    * @returns boolean\r\n    */\r\n   exists: (name: string) => {\r\n      return document.cookie.split(\"; \").some(c => c.startsWith(`${name}=`));\r\n   }\r\n};\r\n\r\nexport default Cookie"],"names":[],"mappings":";;AAAA;AACA,MAAM,MAAM,GAAG;AACZ;;;;;AAKG;IACH,GAAG,EAAE,CAAC,IAAY,EAAE,KAAa,EAAE,IAAI,GAAG,KAAK,KAAI;AAChD,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,EAAE;AAC1B,QAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/D,QAAA,QAAQ,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,IAAI,kBAAkB,CAAC,KAAK,CAAC,aAAa,OAAO,CAAC,WAAW,EAAE,UAAU;IACrG,CAAC;AAED;;;;AAIG;;;;;AAMH;;;AAGG;;;;AAKH;;;;AAIG;AACH,IAAA,MAAM,EAAE,CAAC,IAAY,KAAI;QACtB,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,CAAA,CAAG,CAAC,CAAC;IACzE;;;;;"}
+{"version":3,"file":"cookie.cjs","sources":["../src/cookie.ts"],"sourcesContent":["// cookieUtils.ts\nconst Cookie = {\n   /**\n    * Set a cookie\n    * @param name - cookie name\n    * @param value - cookie value\n    * @param days - optional, number of days to expire, default 36500 (~100 years)\n    */\n   set: (name: string, value: string, days = 36500) => {\n      const expires = new Date();\n      expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);\n      document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires.toUTCString()}; path=/`;\n   },\n\n   /**\n    * Get a cookie by name\n    * @param name - cookie name\n    * @returns value or null\n    */\n   // get: (name: string) => {\n   //    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));\n   //    return match ? decodeURIComponent(match[1]) : null;\n   // },\n\n   /**\n    * Delete a cookie\n    * @param name - cookie name\n    */\n   // delete: (name: string) => {\n   //    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\n   // },\n\n   /**\n    * Check if a cookie exists\n    * @param name - cookie name\n    * @returns boolean\n    */\n   exists: (name: string) => {\n      return document.cookie.split(\"; \").some(c => c.startsWith(`${name}=`));\n   }\n};\n\nexport default Cookie"],"names":[],"mappings":";;AAAA;AACA,MAAM,MAAM,GAAG;AACZ;;;;;AAKG;IACH,GAAG,EAAE,CAAC,IAAY,EAAE,KAAa,EAAE,IAAI,GAAG,KAAK,KAAI;AAChD,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,EAAE;AAC1B,QAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/D,QAAA,QAAQ,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,IAAI,kBAAkB,CAAC,KAAK,CAAC,aAAa,OAAO,CAAC,WAAW,EAAE,UAAU;IACrG,CAAC;AAED;;;;AAIG;;;;;AAMH;;;AAGG;;;;AAKH;;;;AAIG;AACH,IAAA,MAAM,EAAE,CAAC,IAAY,KAAI;QACtB,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,CAAA,CAAG,CAAC,CAAC;IACzE;;;;;"}

package/cookie.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie.js","sources":["../src/cookie.ts"],"sourcesContent":["// cookieUtils.ts\r\nconst Cookie = {\r\n   /**\r\n    * Set a cookie\r\n    * @param name - cookie name\r\n    * @param value - cookie value\r\n    * @param days - optional, number of days to expire, default 36500 (~100 years)\r\n    */\r\n   set: (name: string, value: string, days = 36500) => {\r\n      const expires = new Date();\r\n      expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);\r\n      document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires.toUTCString()}; path=/`;\r\n   },\r\n\r\n   /**\r\n    * Get a cookie by name\r\n    * @param name - cookie name\r\n    * @returns value or null\r\n    */\r\n   // get: (name: string) => {\r\n   //    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));\r\n   //    return match ? decodeURIComponent(match[1]) : null;\r\n   // },\r\n\r\n   /**\r\n    * Delete a cookie\r\n    * @param name - cookie name\r\n    */\r\n   // delete: (name: string) => {\r\n   //    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\r\n   // },\r\n\r\n   /**\r\n    * Check if a cookie exists\r\n    * @param name - cookie name\r\n    * @returns boolean\r\n    */\r\n   exists: (name: string) => {\r\n      return document.cookie.split(\"; \").some(c => c.startsWith(`${name}=`));\r\n   }\r\n};\r\n\r\nexport default Cookie"],"names":[],"mappings":"AAAA;AACA,MAAM,MAAM,GAAG;AACZ;;;;;AAKG;IACH,GAAG,EAAE,CAAC,IAAY,EAAE,KAAa,EAAE,IAAI,GAAG,KAAK,KAAI;AAChD,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,EAAE;AAC1B,QAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/D,QAAA,QAAQ,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,IAAI,kBAAkB,CAAC,KAAK,CAAC,aAAa,OAAO,CAAC,WAAW,EAAE,UAAU;IACrG,CAAC;AAED;;;;AAIG;;;;;AAMH;;;AAGG;;;;AAKH;;;;AAIG;AACH,IAAA,MAAM,EAAE,CAAC,IAAY,KAAI;QACtB,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,CAAA,CAAG,CAAC,CAAC;IACzE;;;;;"}
+{"version":3,"file":"cookie.js","sources":["../src/cookie.ts"],"sourcesContent":["// cookieUtils.ts\nconst Cookie = {\n   /**\n    * Set a cookie\n    * @param name - cookie name\n    * @param value - cookie value\n    * @param days - optional, number of days to expire, default 36500 (~100 years)\n    */\n   set: (name: string, value: string, days = 36500) => {\n      const expires = new Date();\n      expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);\n      document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires.toUTCString()}; path=/`;\n   },\n\n   /**\n    * Get a cookie by name\n    * @param name - cookie name\n    * @returns value or null\n    */\n   // get: (name: string) => {\n   //    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));\n   //    return match ? decodeURIComponent(match[1]) : null;\n   // },\n\n   /**\n    * Delete a cookie\n    * @param name - cookie name\n    */\n   // delete: (name: string) => {\n   //    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;\n   // },\n\n   /**\n    * Check if a cookie exists\n    * @param name - cookie name\n    * @returns boolean\n    */\n   exists: (name: string) => {\n      return document.cookie.split(\"; \").some(c => c.startsWith(`${name}=`));\n   }\n};\n\nexport default Cookie"],"names":[],"mappings":"AAAA;AACA,MAAM,MAAM,GAAG;AACZ;;;;;AAKG;IACH,GAAG,EAAE,CAAC,IAAY,EAAE,KAAa,EAAE,IAAI,GAAG,KAAK,KAAI;AAChD,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,EAAE;AAC1B,QAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/D,QAAA,QAAQ,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,IAAI,kBAAkB,CAAC,KAAK,CAAC,aAAa,OAAO,CAAC,WAAW,EAAE,UAAU;IACrG,CAAC;AAED;;;;AAIG;;;;;AAMH;;;AAGG;;;;AAKH;;;;AAIG;AACH,IAAA,MAAM,EAAE,CAAC,IAAY,KAAI;QACtB,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,CAAA,CAAG,CAAC,CAAC;IACzE;;;;;"}

package/css/CSSCacheProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CSSCacheProvider.cjs","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ONCSS_CACHE } from 'oncss'\r\n\r\nconst CSSCacheContext = React.createContext<string | null>(null);\r\n\r\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\r\n   return (\r\n      <CSSCacheContext.Provider value={cacheId}>\r\n         {children}\r\n      </CSSCacheContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useCSSCacheId = () => {\r\n   return React.useContext(CSSCacheContext) as string\r\n}\r\n\r\nexport const useCSSCache = () => {\r\n   const cacheId = React.useContext(CSSCacheContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n   const caches = ONCSS_CACHE.caches()\r\n\r\n   return {\r\n      cacheId,\r\n      cache: caches.get(cacheId!)\r\n   }\r\n}\r\n\r\nexport const getCSSCache = (cacheId: string) => {\r\n   const caches = ONCSS_CACHE.caches()\r\n   return caches.get(cacheId)\r\n}"],"names":["_jsx","ONCSS_CACHE"],"mappings":";;;;;;AAGA,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGA,cAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAGC,iBAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAGA,iBAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;;;;"}
+{"version":3,"file":"CSSCacheProvider.cjs","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ONCSS_CACHE } from 'oncss'\n\nconst CSSCacheContext = React.createContext<string | null>(null);\n\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\n   return (\n      <CSSCacheContext.Provider value={cacheId}>\n         {children}\n      </CSSCacheContext.Provider>\n   );\n}\n\nexport const useCSSCacheId = () => {\n   return React.useContext(CSSCacheContext) as string\n}\n\nexport const useCSSCache = () => {\n   const cacheId = React.useContext(CSSCacheContext);\n   if (typeof window === 'undefined') {\n      return null as any;\n   }\n   const caches = ONCSS_CACHE.caches()\n\n   return {\n      cacheId,\n      cache: caches.get(cacheId!)\n   }\n}\n\nexport const getCSSCache = (cacheId: string) => {\n   const caches = ONCSS_CACHE.caches()\n   return caches.get(cacheId)\n}"],"names":["_jsx","ONCSS_CACHE"],"mappings":";;;;;;AAGA,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGA,cAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAGC,iBAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAGA,iBAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;;;;"}

package/css/CSSCacheProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSSCacheProvider.js","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ONCSS_CACHE } from 'oncss'\r\n\r\nconst CSSCacheContext = React.createContext<string | null>(null);\r\n\r\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\r\n   return (\r\n      <CSSCacheContext.Provider value={cacheId}>\r\n         {children}\r\n      </CSSCacheContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useCSSCacheId = () => {\r\n   return React.useContext(CSSCacheContext) as string\r\n}\r\n\r\nexport const useCSSCache = () => {\r\n   const cacheId = React.useContext(CSSCacheContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n   const caches = ONCSS_CACHE.caches()\r\n\r\n   return {\r\n      cacheId,\r\n      cache: caches.get(cacheId!)\r\n   }\r\n}\r\n\r\nexport const getCSSCache = (cacheId: string) => {\r\n   const caches = ONCSS_CACHE.caches()\r\n   return caches.get(cacheId)\r\n}"],"names":["React","_jsx"],"mappings":";;;;AAGA,MAAM,eAAe,GAAGA,cAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGC,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAOD,cAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;"}
+{"version":3,"file":"CSSCacheProvider.js","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ONCSS_CACHE } from 'oncss'\n\nconst CSSCacheContext = React.createContext<string | null>(null);\n\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\n   return (\n      <CSSCacheContext.Provider value={cacheId}>\n         {children}\n      </CSSCacheContext.Provider>\n   );\n}\n\nexport const useCSSCacheId = () => {\n   return React.useContext(CSSCacheContext) as string\n}\n\nexport const useCSSCache = () => {\n   const cacheId = React.useContext(CSSCacheContext);\n   if (typeof window === 'undefined') {\n      return null as any;\n   }\n   const caches = ONCSS_CACHE.caches()\n\n   return {\n      cacheId,\n      cache: caches.get(cacheId!)\n   }\n}\n\nexport const getCSSCache = (cacheId: string) => {\n   const caches = ONCSS_CACHE.caches()\n   return caches.get(cacheId)\n}"],"names":["React","_jsx"],"mappings":";;;;AAGA,MAAM,eAAe,GAAGA,cAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGC,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAOD,cAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;"}

package/css/aliases.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.cjs","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],"names":[],"mappings":"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"}
+{"version":3,"file":"aliases.cjs","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n   bgcolor: (v) => ({ backgroundColor: v }),\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n   bg: (v) => ({ background: v }),\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   shadow: (v) => ({ boxShadow: v }),\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],"names":[],"mappings":"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"}

package/css/aliases.js.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.js","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],"names":[],"mappings":"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"}
+{"version":3,"file":"aliases.js","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n   bgcolor: (v) => ({ backgroundColor: v }),\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n   bg: (v) => ({ background: v }),\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   shadow: (v) => ({ boxShadow: v }),\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],"names":[],"mappings":"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"}

package/css/getProps.cjs

@@ -10,14 +10,17 @@ const getProps = (prop, value, _css) => {
         if (value === true) {
             let c = {
                 pointerEvents: "none!important",
-                cursor: "default!important",
+                cursor: "not-allowed!important",
                 userSelect: "none!important",
-                opacity: "0.5!important",
-                color: `text.primary!important`,
-                borderColor: `divider.secondary!important`,
+                opacity: "0.6!important",
+                transition: "none",
+                boxShadow: "none",
+                color: `surface.muted!important`,
+                borderColor: `transparent!important`,
             };
             if (_css.bgcolor && _css.bgcolor !== 'transparent') {
-                c.bgcolor = `divider.primary!important`;
+                c.bgcolor = `surface.dark!important`;
+                c.borderColor = `surface.dark!important`;
             }
             return c;
         }
@@ -43,7 +46,7 @@ const getProps = (prop, value, _css) => {
     //         [`${prop}Width`]: value + 'px' + (important || ""),
     //     }
     //     // if (!keys.includes(`${prop}Color`)) {
-    //     //     p[`${prop}Color`] = "divider.primary"
+    //     //     p[`${prop}Color`] = "surface.divider"
     //     // }
     //     if (!keys.includes(`${prop}Style`)) {
     //         p[`${prop}Style`] = "solid"