@xanui/core 1.0.14 → 1.0.15

package/ServerStyleTags.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ServerStyleTags.tsx"],
+  "sourcesContent": ["import * as React from 'react'\r\nimport { CSSFactory } from 'oncss'\r\n\r\nconst ServerStyleTags = () => {\r\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\r\n        key={c.classname + idx}\r\n        data-oncss={c.classname}\r\n        dangerouslySetInnerHTML={{ __html: c.css }}\r\n    />)\r\n}\r\n\r\nexport default ServerStyleTags"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,cAAAC,MAAkB,QAE3B,MAAMC,EAAkB,IACb,MAAM,KAAKD,EAAW,OAAO,CAAC,EAAE,IAAI,CAACE,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOE,EAAQH",
+  "names": ["React", "CSSFactory", "ServerStyleTags", "c", "idx", "ServerStyleTags_default"]
+}

package/Tag/cssPropList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tag/cssPropList.ts"],
+  "sourcesContent": ["\r\nconst CSS_PROP_LIST: any = {\r\n    typography: 1,\r\n    bgcolor: 1,\r\n    bgimage: 1,\r\n    bg: 1,\r\n    p: 1,\r\n    pt: 1,\r\n    pr: 1,\r\n    pb: 1,\r\n    pl: 1,\r\n    px: 1,\r\n    py: 1,\r\n    m: 1,\r\n    mt: 1,\r\n    mr: 1,\r\n    mb: 1,\r\n    ml: 1,\r\n    mx: 1,\r\n    my: 1,\r\n    radius: 1,\r\n    shadow: 1,\r\n    flexBox: 1,\r\n    flexRow: 1,\r\n    flexColumn: 1,\r\n    flexWraped: 1,\r\n    disabled: 1,\r\n    spacing: 1,\r\n\r\n    gradient: 1,\r\n\r\n    // CSS Props\r\n    alignContent: 1,\r\n    alignItems: 1,\r\n    alignSelf: 1,\r\n    animation: 1,\r\n    animationComposition: 1,\r\n    animationDelay: 1,\r\n    animationDirection: 1,\r\n    animationDuration: 1,\r\n    animationFillMode: 1,\r\n    animationIterationCount: 1,\r\n    animationName: 1,\r\n    animationTimingFunction: 1,\r\n    backdropFilter: 1,\r\n    background: 1,\r\n    backgroundAttachment: 1,\r\n    backgroundColor: 1,\r\n    backgroundImage: 1,\r\n    backgroundOrigin: 1,\r\n    backgroundPosition: 1,\r\n    backgroundRepeat: 1,\r\n    backgroundSize: 1,\r\n    border: 1,\r\n    borderBottom: 1,\r\n    borderBottomColor: 1,\r\n    borderBottomStyle: 1,\r\n    borderBottomWidth: 1,\r\n    borderColor: 1,\r\n    borderImage: 1,\r\n    borderLeft: 1,\r\n    borderLeftColor: 1,\r\n    borderLeftStyle: 1,\r\n    borderLeftWidth: 1,\r\n    borderRadius: 1,\r\n    borderRight: 1,\r\n    borderRightColor: 1,\r\n    borderRightStyle: 1,\r\n    borderRightWidth: 1,\r\n    borderStyle: 1,\r\n    borderTop: 1,\r\n    borderTopColor: 1,\r\n    borderTopLeftRadius: 1,\r\n    borderTopRightRadius: 1,\r\n    borderTopStyle: 1,\r\n    borderTopWidth: 1,\r\n    borderWidth: 1,\r\n    bottom: 1,\r\n    boxShadow: 1,\r\n    boxSizing: 1,\r\n    cursor: 1,\r\n    color: 1,\r\n    display: 1,\r\n    direction: 1,\r\n    filter: 1,\r\n    flex: 1,\r\n    flexBasis: 1,\r\n    flexDirection: 1,\r\n    flexFlow: 1,\r\n    flexGrow: 1,\r\n    flexShrink: 1,\r\n    flexWrap: 1,\r\n    float: 1,\r\n    fontFamily: 1,\r\n    fontSize: 1,\r\n    fontStyle: 1,\r\n    fontWeight: 1,\r\n    font: 1,\r\n    gap: 1,\r\n    grid: 1,\r\n    gridArea: 1,\r\n    gridAutoColumns: 1,\r\n    gridAutoFlow: 1,\r\n    gridAutoRows: 1,\r\n    gridColumn: 1,\r\n    gridColumnEnd: 1,\r\n    gridColumnGap: 1,\r\n    gridColumnStart: 1,\r\n    gridGap: 1,\r\n    gridRow: 1,\r\n    gridRowEnd: 1,\r\n    gridRowGap: 1,\r\n    gridRowStart: 1,\r\n    gridTemplate: 1,\r\n    gridTemplateAreas: 1,\r\n    gridTemplateColumns: 1,\r\n    gridTemplateRows: 1,\r\n    height: 1,\r\n    justifyContent: 1,\r\n    justifyItems: 1,\r\n    justifySelf: 1,\r\n    left: 1,\r\n    letterSpacing: 1,\r\n    lineBreak: 1,\r\n    lineHeight: 1,\r\n    listStyle: 1,\r\n    margin: 1,\r\n    marginBlock: 1,\r\n    marginBlockEnd: 1,\r\n    marginBlockStart: 1,\r\n    marginBottom: 1,\r\n    marginInline: 1,\r\n    marginInlineEnd: 1,\r\n    marginInlineStart: 1,\r\n    marginLeft: 1,\r\n    marginRight: 1,\r\n    marginTop: 1,\r\n    maxHeight: 1,\r\n    maxWidth: 1,\r\n    minHeight: 1,\r\n    minWidth: 1,\r\n    objectFit: 1,\r\n    objectPosition: 1,\r\n    opacity: 1,\r\n    order: 1,\r\n    outline: 1,\r\n    overflow: 1,\r\n    overflowX: 1,\r\n    overflowY: 1,\r\n    padding: 1,\r\n    paddingBlock: 1,\r\n    paddingBlockEnd: 1,\r\n    paddingBlockStart: 1,\r\n    paddingBottom: 1,\r\n    paddingInline: 1,\r\n    paddingInlineEnd: 1,\r\n    paddingInlineStart: 1,\r\n    paddingLeft: 1,\r\n    paddingRight: 1,\r\n    paddingTop: 1,\r\n    perspective: 1,\r\n    perspectiveOrigin: 1,\r\n    pointerEvents: 1,\r\n    position: 1,\r\n    resize: 1,\r\n    right: 1,\r\n    textAlign: 1,\r\n    textDecoration: 1,\r\n    textShadow: 1,\r\n    textTransform: 1,\r\n    top: 1,\r\n    transform: 1,\r\n    transformOrigin: 1,\r\n    transformStyle: 1,\r\n    transition: 1,\r\n    transitionDelay: 1,\r\n    transitionDuration: 1,\r\n    transitionProperty: 1,\r\n    transitionTimingFunction: 1,\r\n    userSelect: 1,\r\n    verticalAlign: 1,\r\n    visibility: 1,\r\n    whiteSpace: 1,\r\n    width: 1,\r\n    wordBreak: 1,\r\n    wordSpacing: 1,\r\n    wordWrap: 1,\r\n    zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],
+  "mappings": "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",
+  "names": ["CSS_PROP_LIST", "cssPropList_default"]
+}

package/Tag/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tag/index.tsx"],
+  "sourcesContent": ["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n    const props: any = useTagProps(rest)\r\n    props.ref = ref\r\n    return React.createElement(component || \"div\", props, children)\r\n})\r\n\r\nexport default Tag"],
+  "mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAiB,gBAExB,MAAMC,EAAMF,EAAM,WAAW,CAAqC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAoBC,IAAwB,CACzI,MAAMC,EAAaN,EAAYI,CAAI,EACnC,OAAAE,EAAM,IAAMD,EACLN,EAAM,cAAcG,GAAa,MAAOI,EAAOH,CAAQ,CAClE,CAAC,EAED,IAAOI,EAAQN",
+  "names": ["React", "useTagProps", "Tag", "component", "children", "rest", "ref", "props", "Tag_default"]
+}

package/Tag/useTagProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tag/useTagProps.ts"],
+  "sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\r\n   let _css: any = { ...sxr, ...sx, ...props }\r\n   if (hover) _css['&:hover'] = hover\r\n   const style = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\r\n   })\r\n\r\n   let skipProps = style.skiped[style.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      style.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return _props\r\n}\r\n\r\n\r\nexport default useTagProps"],
+  "mappings": "AACA,OAAOA,MAAiB,gBACxB,OAAS,OAAAC,MAAW,SACpB,OAAS,cAAAC,MAAkB,eAE3B,MAAMC,EAAc,CAAqC,CAAE,IAAAC,EAAK,GAAAC,EAAI,UAAAC,EAAW,WAAYC,EAAO,MAAAC,EAAO,GAAGC,CAAM,IAAoC,CACnJ,IAAIC,EAAY,CAAE,GAAGN,EAAK,GAAGC,EAAI,GAAGI,CAAM,EACtCD,IAAOE,EAAK,SAAS,EAAIF,GAC7B,MAAMG,EAAQV,EAAIS,EAAM,CACrB,UAAW,CAACE,EAAMC,EAAMC,IAAcA,IAAS,GAAK,CAACd,EAAYY,CAAI,CACxE,CAAC,EAED,IAAIG,EAAYJ,EAAM,OAAOA,EAAM,SAAgB,GAAK,CAAC,EACzD,MAAMK,EAAc,CAAC,EACrB,QAASJ,KAAQG,EACdC,EAAOJ,CAAI,EAAKH,EAAcG,CAAI,EAErC,OAAAI,EAAO,UAAYd,EAAW,CAC3BI,EAAY,OAASA,EAAY,GACjCK,EAAM,UACNF,EAAM,UACN,GAAIF,GAAgB,CAAC,CACxB,CAAC,EACMS,CACV,EAGA,IAAOC,EAAQd",
+  "names": ["cssPropList", "css", "classNames", "useTagProps", "sxr", "sx", "baseClass", "clses", "hover", "props", "_css", "style", "prop", "_val", "dept", "skipProps", "_props", "useTagProps_default"]
+}

package/Transition/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Transition/index.tsx"],
+  "sourcesContent": ["'use client'\r\nimport React, { ReactElement, cloneElement, Children, useState, useEffect, useId } from 'react';\r\nimport Tag from '../Tag';\r\nimport { animationEases } from '../useAnimation';\r\nimport { css } from '../css';\r\nimport { formatCSSProp } from 'oncss';\r\nimport { CSSProps } from '../css/types';\r\nimport * as variants from './variants'\r\nexport type TransitionVariantTypes = keyof typeof variants\r\n\r\nexport type TransitionElementProps = {\r\n    height: number;\r\n    width: number;\r\n    rect: DOMRect | null\r\n}\r\n\r\nexport type TransitionState = \"open\" | \"opened\" | \"close\" | \"closed\"\r\n\r\nexport type TransitionProps = {\r\n    children: ReactElement;\r\n    open: boolean;\r\n    variant: {\r\n        from: CSSProps;\r\n        to: CSSProps;\r\n    } | TransitionVariantTypes;\r\n    ease?: string;\r\n    easing?: keyof typeof animationEases;\r\n    duration?: number;\r\n    delay?: number;\r\n    disableInitialTransition?: boolean;\r\n    onOpen?: () => void;\r\n    onOpened?: () => void;\r\n    onClose?: () => void;\r\n    onClosed?: () => void;\r\n    onState?: (state: TransitionState) => void;\r\n}\r\n\r\nconst Transition = ({ children, open, ...props }: TransitionProps) => {\r\n    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props as TransitionProps\r\n    let _ease = ease || (animationEases as any)[easing as any] || animationEases.easeBounceOut\r\n    disableInitialTransition ??= false\r\n    duration ??= 400\r\n    variant ??= \"fade\"\r\n\r\n    const id = useId().replace(/:/g, \"\")\r\n    const [rendered, setRendered] = useState(false)\r\n    const [initial, setInitial] = useState(false)\r\n    const [transitionState, setTransitionState] = useState<TransitionState>(open ? (disableInitialTransition ? \"opened\" : \"open\") : \"closed\")\r\n    const [element, setElement] = useState<TransitionElementProps>({\r\n        height: 0,\r\n        width: 0,\r\n        rect: null\r\n    });\r\n\r\n    if (typeof variant === 'string') {\r\n        variant = (variants as any)[variant](element)\r\n    }\r\n\r\n    let from = (variant as any).from\r\n    let to = (variant as any).to\r\n\r\n    const [_css, setCss] = useState(open ? to : from)\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (ele) {\r\n            setRendered(true)\r\n            setElement({\r\n                height: ele.clientHeight,\r\n                width: ele.clientWidth,\r\n                rect: ele.getBoundingClientRect()\r\n            })\r\n            if (!disableInitialTransition && open) {\r\n                setCss(from)\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (rendered && ele) {\r\n            let stimer: any = null\r\n            let etimer: any = null\r\n            ele.ontransitionstart = () => {\r\n                clearTimeout(stimer)\r\n                stimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpen && isOpen) && onOpen();\r\n                    (onClose && !isOpen) && onClose()\r\n                    onState && onState(isOpen ? \"open\" : \"close\")\r\n                    setTransitionState(isOpen ? \"open\" : \"close\")\r\n                }, 1)\r\n            }\r\n            ele.ontransitionend = () => {\r\n                clearTimeout(etimer)\r\n                etimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpened && isOpen) && onOpened();\r\n                    (onClosed && !isOpen) && onClosed();\r\n                    onState && onState(isOpen ? \"opened\" : \"closed\")\r\n                    setTransitionState(isOpen ? \"opened\" : \"closed\")\r\n                }, 1)\r\n            }\r\n        }\r\n    }, [rendered])\r\n\r\n    useEffect(() => {\r\n        if (rendered) {\r\n            if (!initial) {\r\n                setInitial(true)\r\n                setTimeout(() => {\r\n                    setCss(open ? to : from)\r\n                }, 50);\r\n            } else {\r\n                setCss(open ? to : from)\r\n            }\r\n        }\r\n    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)])\r\n\r\n    let _: any = {}\r\n    if (rendered) {\r\n        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\r\n        _ = {\r\n            ..._css,\r\n            transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\r\n        }\r\n    }\r\n\r\n    const cls = css(_)\r\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Transition\")\r\n    const first: any = Children.toArray(children).shift();\r\n    let classname = `${cls.classname} trans-${id} trans-${(open ? \"open\" : \"close\")} trans-state-${transitionState}`\r\n    const child = cloneElement(first, { classNames: [classname] })\r\n    if (rendered) return child\r\n    if (!rendered && disableInitialTransition && open) return child\r\n\r\n    return (\r\n        <Tag\r\n            height={0}\r\n            overflow=\"hidden\"\r\n        >\r\n            {child}\r\n        </Tag>\r\n    )\r\n}\r\n\r\n\r\nexport default Transition"],
+  "mappings": "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",
+  "names": ["React", "cloneElement", "Children", "useState", "useEffect", "useId", "Tag", "animationEases", "css", "formatCSSProp", "variants", "Transition", "children", "open", "props", "disableInitialTransition", "variant", "duration", "delay", "ease", "easing", "onOpen", "onOpened", "onClose", "onClosed", "onState", "_ease", "id", "rendered", "setRendered", "initial", "setInitial", "transitionState", "setTransitionState", "element", "setElement", "from", "to", "_css", "setCss", "ele", "stimer", "etimer", "isOpen", "_", "trans", "k", "cls", "first", "classname", "child", "Transition_default"]
+}

package/Transition/variants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Transition/variants.ts"],
+  "sourcesContent": ["import { TransitionElementProps } from \".\"\r\n\r\nexport const slideDown = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(-${_arg.height}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideUp = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(${_arg.height}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideRight = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(-${_arg.width}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideLeft = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(${_arg.width}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const fade = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeDown = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(-30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(-30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const grow = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(.8, .6)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(.8)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoomOver = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(1.2)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            height: 0 + \"px!important\",\r\n            overflow: \"hidden\"\r\n        },\r\n        to: {\r\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n}\r\n\r\n\r\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            width: 0 + \"px!important\",\r\n            overflow: \"hidden\"\r\n        },\r\n        to: {\r\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n"],
+  "mappings": "AAEO,MAAMA,EAAaC,IACf,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,MAAM,eACzC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSC,EAAWD,IACb,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,MAAM,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSE,EAAcF,IAChB,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,KAAK,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSG,EAAaH,IACf,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,KAAK,eACvC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSI,EAAQJ,IACV,CACH,KAAM,CACF,QAAS,CACb,EACA,GAAI,CACA,QAAS,CACb,CACJ,GAGSK,EAAYL,IACd,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSM,EAAUN,IACZ,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSO,EAAaP,IACf,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSQ,EAAYR,IACd,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSS,EAAQT,IACV,CACH,KAAM,CACF,UAAW,0BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSU,EAAQV,IACV,CACH,KAAM,CACF,UAAW,sBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSW,EAAYX,IACd,CACH,KAAM,CACF,UAAW,uBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSY,EAAmBZ,IACrB,CACH,KAAM,CACF,OAAQ,gBACR,SAAU,QACd,EACA,GAAI,CACA,OAAQA,GAAM,OAASA,GAAM,OAAS,eAAiB,OACvD,SAAU,QACd,CACJ,GAISa,EAAqBb,IACvB,CACH,KAAM,CACF,MAAO,gBACP,SAAU,QACd,EACA,GAAI,CACA,MAAOA,GAAM,MAAQA,GAAM,MAAQ,eAAiB,OACpD,SAAU,QACd,CACJ",
+  "names": ["slideDown", "_arg", "slideUp", "slideRight", "slideLeft", "fade", "fadeDown", "fadeUp", "fadeRight", "fadeLeft", "grow", "zoom", "zoomOver", "collapsVerticle", "collapsHorizental"]
+}

package/breakpoint/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/index.tsx"],
+  "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\r\nimport isWindow from \"../isWindow\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\r\n\r\nconst getKey = (): BreakpointKeys => {\r\n    const isWin = isWindow()\r\n    if (isWin) {\r\n        const width = window.innerWidth\r\n        if (width < breakpoints.sm) {\r\n            return 'xs'\r\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\r\n            return 'sm'\r\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\r\n            return 'md'\r\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\r\n            return 'lg'\r\n        } else {\r\n            return 'xl'\r\n        }\r\n    } else {\r\n        return 'xl'\r\n    }\r\n}\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\r\n\r\n    const handler = () => {\r\n        let c = getKey()\r\n        if (current !== c) {\r\n            setCurrent(c)\r\n        }\r\n    }\r\n\r\n    React.useEffect(() => {\r\n        window.removeEventListener(\"resize\", handler)\r\n        window.addEventListener(\"resize\", handler)\r\n        handler()\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handler)\r\n        }\r\n    }, [current])\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    )\r\n}\r\n"],
+  "mappings": "AAAA,OAAOA,GAAoB,YAAAC,MAAgB,QAC3C,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAGrB,MAAMC,EAAgBJ,EAAM,cAA8B,IAAI,EAE/DK,EAAS,IAAsB,CAEjC,GADcH,EAAS,EACZ,CACP,MAAMI,EAAQ,OAAO,WACrB,OAAIA,EAAQH,EAAY,GACb,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaI,EAAqB,CAAC,CAAE,SAAAC,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,EAAIT,EAAyBI,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,OAAAZ,EAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUW,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGRT,EAAA,cAACI,EAAc,SAAd,CAAuB,MAAOK,GAC1BD,CACL,CAER",
+  "names": ["React", "useState", "isWindow", "breakpoints", "BreakpointCtx", "getKey", "width", "BreakpointProvider", "children", "current", "setCurrent", "handler", "c"]
+}

package/breakpoint/useBreakpoint.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/useBreakpoint.ts"],
+  "sourcesContent": ["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \".\"\r\nimport isWindow from \"../isWindow\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const val = useContext(BreakpointCtx)\r\n   const isWin = isWindow()\r\n   const o = {\r\n      value: val,\r\n      is: (key: BreakpointKeys) => val === key,\r\n      isDown: (key: BreakpointKeys) => {\r\n         if (isWin) {\r\n            return window.innerWidth > breakpoints[key]\r\n         }\r\n         return false\r\n      },\r\n      isUp: (key: BreakpointKeys) => {\r\n         if (isWin) {\r\n            return window.innerWidth < breakpoints[key]\r\n         }\r\n         return false\r\n      },\r\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\r\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\r\n   }\r\n   return o\r\n}\r\n\r\nexport default useBreakpoint\r\n"],
+  "mappings": "AAAA,OAAS,cAAAA,MAAkB,QAC3B,OAAS,iBAAAC,MAAqB,IAC9B,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,EAAML,EAAWC,CAAa,EAC9BK,EAAQJ,EAAS,EACjBK,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,SAAWA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,OAAOC,CAAG,EAC5D,OAASA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,KAAKC,CAAG,CAC3D,EACA,OAAOD,CACV,EAEA,IAAOE,EAAQL",
+  "names": ["useContext", "BreakpointCtx", "isWindow", "breakpoints", "useBreakpoint", "val", "isWin", "o", "key", "useBreakpoint_default"]
+}

package/breakpoint/useBreakpointProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/useBreakpointProps.ts"],
+  "sourcesContent": ["import React, { isValidElement } 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 useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\r\n      if (key === '_owner' || key === '_store') {\r\n         return undefined; // Skip circular references\r\n      }\r\n      return value;\r\n   }, 2);\r\n\r\n   let format: any = React.useMemo(() => {\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      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object') {\r\n            for (let breakpoin in val) {\r\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\r\n            }\r\n         } else {\r\n            _format.xs[prop] = (props as any)[prop]\r\n         }\r\n      }\r\n\r\n      return _format\r\n   }, [stringifiedElement, bpoint.value])\r\n\r\n   return React.useMemo(() => {\r\n      let _props = format.xs || {};\r\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n         if (bpoint.isOrDown(key as any)) {\r\n            _props = { ..._props, ...format[key] };\r\n         }\r\n         if (bpoint.is(key as any)) {\r\n            break;\r\n         }\r\n      }\r\n      return _props;\r\n   }, [format, bpoint.value]);\r\n}\r\n\r\n\r\n\r\nexport default useBreakpoinProps"],
+  "mappings": "AAAA,OAAOA,GAAS,kBAAAC,MAAsB,QACtC,OAAOC,MAAmB,kBAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,EAASH,EAAc,EACvBI,EAAqB,KAAK,UAAUF,EAAO,CAACG,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAcT,EAAM,QAAQ,IAAM,CAEnC,MAAMU,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQP,EAAO,CACrB,IAAIQ,EAAOR,EAAcO,CAAI,EAC7B,GAAI,CAACV,EAAeW,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKP,EAAcO,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKP,EAAcO,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACJ,EAAoBD,EAAO,KAAK,CAAC,EAErC,OAAOL,EAAM,QAAQ,IAAM,CACxB,IAAIc,EAASL,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIF,EAAO,SAASE,CAAU,IAC3BO,EAAS,CAAE,GAAGA,EAAQ,GAAGL,EAAOF,CAAG,CAAE,GAEpCF,EAAO,GAAGE,CAAU,EACrB,MAGN,OAAOO,CACV,EAAG,CAACL,EAAQJ,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAOU,EAAQZ",
+  "names": ["React", "isValidElement", "useBreakpoint", "useBreakpoinProps", "props", "bpoint", "stringifiedElement", "key", "value", "format", "_format", "prop", "val", "breakpoin", "_props", "useBreakpointProps_default"]
+}

package/cjs/ServerStyleTags.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.create;var t=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var p=(r,a)=>{for(var e in a)t(r,e,{get:a[e],enumerable:!0})},m=(r,a,e,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of S(a))!f.call(r,s)&&s!==e&&t(r,s,{get:()=>a[s],enumerable:!(o=y(a,s))||o.enumerable});return r};var u=(r,a,e)=>(e=r!=null?n(c(r)):{},m(a||!r||!r.__esModule?t(e,"default",{value:r,enumerable:!0}):e,r)),d=r=>m(t({},"__esModule",{value:!0}),r);var T={};p(T,{default:()=>v});module.exports=d(T);var g=u(require("react")),l=require("oncss");const i=()=>Array.from(l.CSSFactory.values()).map((r,a)=>g.createElement("style",{key:r.classname+a,"data-oncss":r.classname,dangerouslySetInnerHTML:{__html:r.css}}));var v=i;
+"use strict";var n=Object.create;var t=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var p=(r,a)=>{for(var e in a)t(r,e,{get:a[e],enumerable:!0})},m=(r,a,e,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of S(a))!f.call(r,s)&&s!==e&&t(r,s,{get:()=>a[s],enumerable:!(o=y(a,s))||o.enumerable});return r};var u=(r,a,e)=>(e=r!=null?n(c(r)):{},m(a||!r||!r.__esModule?t(e,"default",{value:r,enumerable:!0}):e,r)),d=r=>m(t({},"__esModule",{value:!0}),r);var T={};p(T,{default:()=>v});module.exports=d(T);var g=u(require("react"),1),l=require("oncss");const i=()=>Array.from(l.CSSFactory.values()).map((r,a)=>g.createElement("style",{key:r.classname+a,"data-oncss":r.classname,dangerouslySetInnerHTML:{__html:r.css}}));var v=i;
 //# sourceMappingURL=ServerStyleTags.js.map

package/cjs/ServerStyleTags.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ServerStyleTags.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { CSSFactory } from 'oncss'\n\nconst ServerStyleTags = () => {\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\n        key={c.classname + idx}\n        data-oncss={c.classname}\n        dangerouslySetInnerHTML={{ __html: c.css }}\n    />)\n}\n\nexport default ServerStyleTags"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAA2B,iBAE3B,MAAMC,EAAkB,IACb,MAAM,KAAK,aAAW,OAAO,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOL,EAAQI",
+  "sourcesContent": ["import * as React from 'react'\r\nimport { CSSFactory } from 'oncss'\r\n\r\nconst ServerStyleTags = () => {\r\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\r\n        key={c.classname + idx}\r\n        data-oncss={c.classname}\r\n        dangerouslySetInnerHTML={{ __html: c.css }}\r\n    />)\r\n}\r\n\r\nexport default ServerStyleTags"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBACvBC,EAA2B,iBAE3B,MAAMC,EAAkB,IACb,MAAM,KAAK,aAAW,OAAO,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOL,EAAQI",
   "names": ["ServerStyleTags_exports", "__export", "ServerStyleTags_default", "__toCommonJS", "React", "import_oncss", "ServerStyleTags", "c", "idx"]
 }

package/cjs/Tag/cssPropList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tag/cssPropList.ts"],
-  "sourcesContent": ["\nconst CSS_PROP_LIST: any = {\n    typography: 1,\n    bgcolor: 1,\n    bgimage: 1,\n    bg: 1,\n    p: 1,\n    pt: 1,\n    pr: 1,\n    pb: 1,\n    pl: 1,\n    px: 1,\n    py: 1,\n    m: 1,\n    mt: 1,\n    mr: 1,\n    mb: 1,\n    ml: 1,\n    mx: 1,\n    my: 1,\n    radius: 1,\n    shadow: 1,\n    flexBox: 1,\n    flexRow: 1,\n    flexColumn: 1,\n    flexWraped: 1,\n    disabled: 1,\n    spacing: 1,\n\n    gradient: 1,\n\n    // CSS Props\n    alignContent: 1,\n    alignItems: 1,\n    alignSelf: 1,\n    animation: 1,\n    animationComposition: 1,\n    animationDelay: 1,\n    animationDirection: 1,\n    animationDuration: 1,\n    animationFillMode: 1,\n    animationIterationCount: 1,\n    animationName: 1,\n    animationTimingFunction: 1,\n    backdropFilter: 1,\n    background: 1,\n    backgroundAttachment: 1,\n    backgroundColor: 1,\n    backgroundImage: 1,\n    backgroundOrigin: 1,\n    backgroundPosition: 1,\n    backgroundRepeat: 1,\n    backgroundSize: 1,\n    border: 1,\n    borderBottom: 1,\n    borderBottomColor: 1,\n    borderBottomStyle: 1,\n    borderBottomWidth: 1,\n    borderColor: 1,\n    borderImage: 1,\n    borderLeft: 1,\n    borderLeftColor: 1,\n    borderLeftStyle: 1,\n    borderLeftWidth: 1,\n    borderRadius: 1,\n    borderRight: 1,\n    borderRightColor: 1,\n    borderRightStyle: 1,\n    borderRightWidth: 1,\n    borderStyle: 1,\n    borderTop: 1,\n    borderTopColor: 1,\n    borderTopLeftRadius: 1,\n    borderTopRightRadius: 1,\n    borderTopStyle: 1,\n    borderTopWidth: 1,\n    borderWidth: 1,\n    bottom: 1,\n    boxShadow: 1,\n    boxSizing: 1,\n    cursor: 1,\n    color: 1,\n    display: 1,\n    direction: 1,\n    filter: 1,\n    flex: 1,\n    flexBasis: 1,\n    flexDirection: 1,\n    flexFlow: 1,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexWrap: 1,\n    float: 1,\n    fontFamily: 1,\n    fontSize: 1,\n    fontStyle: 1,\n    fontWeight: 1,\n    font: 1,\n    gap: 1,\n    grid: 1,\n    gridArea: 1,\n    gridAutoColumns: 1,\n    gridAutoFlow: 1,\n    gridAutoRows: 1,\n    gridColumn: 1,\n    gridColumnEnd: 1,\n    gridColumnGap: 1,\n    gridColumnStart: 1,\n    gridGap: 1,\n    gridRow: 1,\n    gridRowEnd: 1,\n    gridRowGap: 1,\n    gridRowStart: 1,\n    gridTemplate: 1,\n    gridTemplateAreas: 1,\n    gridTemplateColumns: 1,\n    gridTemplateRows: 1,\n    height: 1,\n    justifyContent: 1,\n    justifyItems: 1,\n    justifySelf: 1,\n    left: 1,\n    letterSpacing: 1,\n    lineBreak: 1,\n    lineHeight: 1,\n    listStyle: 1,\n    margin: 1,\n    marginBlock: 1,\n    marginBlockEnd: 1,\n    marginBlockStart: 1,\n    marginBottom: 1,\n    marginInline: 1,\n    marginInlineEnd: 1,\n    marginInlineStart: 1,\n    marginLeft: 1,\n    marginRight: 1,\n    marginTop: 1,\n    maxHeight: 1,\n    maxWidth: 1,\n    minHeight: 1,\n    minWidth: 1,\n    objectFit: 1,\n    objectPosition: 1,\n    opacity: 1,\n    order: 1,\n    outline: 1,\n    overflow: 1,\n    overflowX: 1,\n    overflowY: 1,\n    padding: 1,\n    paddingBlock: 1,\n    paddingBlockEnd: 1,\n    paddingBlockStart: 1,\n    paddingBottom: 1,\n    paddingInline: 1,\n    paddingInlineEnd: 1,\n    paddingInlineStart: 1,\n    paddingLeft: 1,\n    paddingRight: 1,\n    paddingTop: 1,\n    perspective: 1,\n    perspectiveOrigin: 1,\n    pointerEvents: 1,\n    position: 1,\n    resize: 1,\n    right: 1,\n    textAlign: 1,\n    textDecoration: 1,\n    textShadow: 1,\n    textTransform: 1,\n    top: 1,\n    transform: 1,\n    transformOrigin: 1,\n    transformStyle: 1,\n    transition: 1,\n    transitionDelay: 1,\n    transitionDuration: 1,\n    transitionProperty: 1,\n    transitionTimingFunction: 1,\n    userSelect: 1,\n    verticalAlign: 1,\n    visibility: 1,\n    whiteSpace: 1,\n    width: 1,\n    wordBreak: 1,\n    wordSpacing: 1,\n    wordWrap: 1,\n    zIndex: 1,\n}\n\nexport default CSS_PROP_LIST"],
+  "sourcesContent": ["\r\nconst CSS_PROP_LIST: any = {\r\n    typography: 1,\r\n    bgcolor: 1,\r\n    bgimage: 1,\r\n    bg: 1,\r\n    p: 1,\r\n    pt: 1,\r\n    pr: 1,\r\n    pb: 1,\r\n    pl: 1,\r\n    px: 1,\r\n    py: 1,\r\n    m: 1,\r\n    mt: 1,\r\n    mr: 1,\r\n    mb: 1,\r\n    ml: 1,\r\n    mx: 1,\r\n    my: 1,\r\n    radius: 1,\r\n    shadow: 1,\r\n    flexBox: 1,\r\n    flexRow: 1,\r\n    flexColumn: 1,\r\n    flexWraped: 1,\r\n    disabled: 1,\r\n    spacing: 1,\r\n\r\n    gradient: 1,\r\n\r\n    // CSS Props\r\n    alignContent: 1,\r\n    alignItems: 1,\r\n    alignSelf: 1,\r\n    animation: 1,\r\n    animationComposition: 1,\r\n    animationDelay: 1,\r\n    animationDirection: 1,\r\n    animationDuration: 1,\r\n    animationFillMode: 1,\r\n    animationIterationCount: 1,\r\n    animationName: 1,\r\n    animationTimingFunction: 1,\r\n    backdropFilter: 1,\r\n    background: 1,\r\n    backgroundAttachment: 1,\r\n    backgroundColor: 1,\r\n    backgroundImage: 1,\r\n    backgroundOrigin: 1,\r\n    backgroundPosition: 1,\r\n    backgroundRepeat: 1,\r\n    backgroundSize: 1,\r\n    border: 1,\r\n    borderBottom: 1,\r\n    borderBottomColor: 1,\r\n    borderBottomStyle: 1,\r\n    borderBottomWidth: 1,\r\n    borderColor: 1,\r\n    borderImage: 1,\r\n    borderLeft: 1,\r\n    borderLeftColor: 1,\r\n    borderLeftStyle: 1,\r\n    borderLeftWidth: 1,\r\n    borderRadius: 1,\r\n    borderRight: 1,\r\n    borderRightColor: 1,\r\n    borderRightStyle: 1,\r\n    borderRightWidth: 1,\r\n    borderStyle: 1,\r\n    borderTop: 1,\r\n    borderTopColor: 1,\r\n    borderTopLeftRadius: 1,\r\n    borderTopRightRadius: 1,\r\n    borderTopStyle: 1,\r\n    borderTopWidth: 1,\r\n    borderWidth: 1,\r\n    bottom: 1,\r\n    boxShadow: 1,\r\n    boxSizing: 1,\r\n    cursor: 1,\r\n    color: 1,\r\n    display: 1,\r\n    direction: 1,\r\n    filter: 1,\r\n    flex: 1,\r\n    flexBasis: 1,\r\n    flexDirection: 1,\r\n    flexFlow: 1,\r\n    flexGrow: 1,\r\n    flexShrink: 1,\r\n    flexWrap: 1,\r\n    float: 1,\r\n    fontFamily: 1,\r\n    fontSize: 1,\r\n    fontStyle: 1,\r\n    fontWeight: 1,\r\n    font: 1,\r\n    gap: 1,\r\n    grid: 1,\r\n    gridArea: 1,\r\n    gridAutoColumns: 1,\r\n    gridAutoFlow: 1,\r\n    gridAutoRows: 1,\r\n    gridColumn: 1,\r\n    gridColumnEnd: 1,\r\n    gridColumnGap: 1,\r\n    gridColumnStart: 1,\r\n    gridGap: 1,\r\n    gridRow: 1,\r\n    gridRowEnd: 1,\r\n    gridRowGap: 1,\r\n    gridRowStart: 1,\r\n    gridTemplate: 1,\r\n    gridTemplateAreas: 1,\r\n    gridTemplateColumns: 1,\r\n    gridTemplateRows: 1,\r\n    height: 1,\r\n    justifyContent: 1,\r\n    justifyItems: 1,\r\n    justifySelf: 1,\r\n    left: 1,\r\n    letterSpacing: 1,\r\n    lineBreak: 1,\r\n    lineHeight: 1,\r\n    listStyle: 1,\r\n    margin: 1,\r\n    marginBlock: 1,\r\n    marginBlockEnd: 1,\r\n    marginBlockStart: 1,\r\n    marginBottom: 1,\r\n    marginInline: 1,\r\n    marginInlineEnd: 1,\r\n    marginInlineStart: 1,\r\n    marginLeft: 1,\r\n    marginRight: 1,\r\n    marginTop: 1,\r\n    maxHeight: 1,\r\n    maxWidth: 1,\r\n    minHeight: 1,\r\n    minWidth: 1,\r\n    objectFit: 1,\r\n    objectPosition: 1,\r\n    opacity: 1,\r\n    order: 1,\r\n    outline: 1,\r\n    overflow: 1,\r\n    overflowX: 1,\r\n    overflowY: 1,\r\n    padding: 1,\r\n    paddingBlock: 1,\r\n    paddingBlockEnd: 1,\r\n    paddingBlockStart: 1,\r\n    paddingBottom: 1,\r\n    paddingInline: 1,\r\n    paddingInlineEnd: 1,\r\n    paddingInlineStart: 1,\r\n    paddingLeft: 1,\r\n    paddingRight: 1,\r\n    paddingTop: 1,\r\n    perspective: 1,\r\n    perspectiveOrigin: 1,\r\n    pointerEvents: 1,\r\n    position: 1,\r\n    resize: 1,\r\n    right: 1,\r\n    textAlign: 1,\r\n    textDecoration: 1,\r\n    textShadow: 1,\r\n    textTransform: 1,\r\n    top: 1,\r\n    transform: 1,\r\n    transformOrigin: 1,\r\n    transformStyle: 1,\r\n    transition: 1,\r\n    transitionDelay: 1,\r\n    transitionDuration: 1,\r\n    transitionProperty: 1,\r\n    transitionTimingFunction: 1,\r\n    userSelect: 1,\r\n    verticalAlign: 1,\r\n    visibility: 1,\r\n    whiteSpace: 1,\r\n    width: 1,\r\n    wordBreak: 1,\r\n    wordSpacing: 1,\r\n    wordWrap: 1,\r\n    zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],
   "mappings": "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",
   "names": ["cssPropList_exports", "__export", "cssPropList_default", "__toCommonJS", "CSS_PROP_LIST"]
 }

package/cjs/Tag/index.js

@@ -1,2 +1,2 @@
-"use strict";var f=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},n=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of R(e))!d.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(a=g(e,t))||a.enumerable});return o};var T=(o,e,r)=>(r=o!=null?f(c(o)):{},n(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),y=o=>n(p({},"__esModule",{value:!0}),o);var l={};i(l,{default:()=>P});module.exports=y(l);var m=T(require("react")),s=T(require("./useTagProps"));const u=m.forwardRef(({component:o,children:e,...r},a)=>{const t=(0,s.default)(r);return t.ref=a,m.createElement(o||"div",t,e)});var P=u;
+"use strict";var f=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},n=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of R(e))!d.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(a=g(e,t))||a.enumerable});return o};var T=(o,e,r)=>(r=o!=null?f(c(o)):{},n(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),y=o=>n(p({},"__esModule",{value:!0}),o);var l={};i(l,{default:()=>P});module.exports=y(l);var m=T(require("react"),1),s=T(require("./useTagProps"),1);const u=m.forwardRef(({component:o,children:e,...r},a)=>{const t=(0,s.default)(r);return t.ref=a,m.createElement(o||"div",t,e)});var P=u;
 //# sourceMappingURL=index.js.map

package/cjs/Tag/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tag/index.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { TagComponentType, TagPropsRoot } from './types';\nimport useTagProps from './useTagProps';\n\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\n    const props: any = useTagProps(rest)\n    props.ref = ref\n    return React.createElement(component || \"div\", props, children)\n})\n\nexport default Tag"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAEvBC,EAAwB,4BAExB,MAAMC,EAAMF,EAAM,WAAW,CAAqC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAoBC,IAAwB,CACzI,MAAMC,KAAa,EAAAC,SAAYH,CAAI,EACnC,OAAAE,EAAM,IAAMD,EACLN,EAAM,cAAcG,GAAa,MAAOI,EAAOH,CAAQ,CAClE,CAAC,EAED,IAAON,EAAQI",
+  "sourcesContent": ["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n    const props: any = useTagProps(rest)\r\n    props.ref = ref\r\n    return React.createElement(component || \"div\", props, children)\r\n})\r\n\r\nexport default Tag"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBAEvBC,EAAwB,8BAExB,MAAMC,EAAMF,EAAM,WAAW,CAAqC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAoBC,IAAwB,CACzI,MAAMC,KAAa,EAAAC,SAAYH,CAAI,EACnC,OAAAE,EAAM,IAAMD,EACLN,EAAM,cAAcG,GAAa,MAAOI,EAAOH,CAAQ,CAClE,CAAC,EAED,IAAON,EAAQI",
   "names": ["Tag_exports", "__export", "Tag_default", "__toCommonJS", "React", "import_useTagProps", "Tag", "component", "children", "rest", "ref", "props", "useTagProps"]
 }

package/cjs/Tag/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tag/types.ts"],
-  "sourcesContent": ["import * as CSS from 'csstype'\nimport { Aliases, BreakpointKeys, CSSProps, CSSValueType } from \"../css/types\"\nimport { ColorsRefTypes, TypographyRefTypes } from '../theme/types';\nimport { classNamesTypes } from 'pretty-class'\n\nexport type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>\nexport type TagProps<T extends TagComponentType = 'div'> = Omit<React.HTMLProps<T>, 'width' | 'height'> & {\n    component?: T;\n    children?: React.ReactNode;\n    ref?: any;\n} & CSSPropAsAttr\n\nexport type TagPropsRoot<T extends TagComponentType = 'div'> = TagProps<T> & {\n    sxr?: CSSProps\n}\n\n\ninterface TagCSSProperties {\n    alignContent: CSSValueType<\"alignContent\">;\n    alignItems: CSSValueType<\"alignItems\">;\n    alignSelf: CSSValueType<\"alignSelf\">;\n    animation: CSSValueType<\"animation\">;\n    animationComposition: CSSValueType<\"animationComposition\">;\n    animationDelay: CSSValueType<\"animationDelay\">;\n    animationDirection: CSSValueType<\"animationDirection\">;\n    animationDuration: CSSValueType<\"animationDuration\">;\n    animationFillMode: CSSValueType<\"animationFillMode\">;\n    animationIterationCount: CSSValueType<\"animationIterationCount\">;\n    animationName: CSSValueType<\"animationName\">;\n    animationTimingFunction: CSSValueType<\"animationTimingFunction\">;\n    backdropFilter: CSSValueType<\"backdropFilter\">;\n    background: CSSValueType<\"background\"> | ColorsRefTypes;\n    backgroundAttachment: CSSValueType<\"backgroundAttachment\">;\n    backgroundColor: CSSValueType<\"backgroundColor\"> | ColorsRefTypes;\n    backgroundImage: CSSValueType<\"backgroundImage\">;\n    backgroundOrigin: CSSValueType<\"backgroundOrigin\">;\n    backgroundPosition: CSSValueType<\"backgroundPosition\">;\n    backgroundRepeat: CSSValueType<\"backgroundRepeat\">;\n    backgroundSize: CSSValueType<\"backgroundSize\">;\n    border: CSSValueType<\"border\">;\n    borderBottom: CSSValueType<\"borderBottom\">;\n    borderBottomColor: CSSValueType<\"borderBottomColor\"> | ColorsRefTypes;\n    borderBottomStyle: CSSValueType<\"borderBottomStyle\">;\n    borderBottomWidth: CSSValueType<\"borderBottomWidth\">;\n    borderColor: CSS.Properties['borderColor'] | ColorsRefTypes;\n    borderImage: CSSValueType<\"borderImage\">;\n    borderLeft: CSSValueType<\"borderLeft\">;\n    borderLeftColor: CSSValueType<\"borderLeftColor\"> | ColorsRefTypes;\n    borderLeftStyle: CSSValueType<\"borderLeftStyle\">;\n    borderLeftWidth: CSSValueType<\"borderLeftWidth\">;\n    borderRadius: CSSValueType<\"borderRadius\">;\n    borderRight: CSSValueType<\"borderRight\">;\n    borderRightColor: CSSValueType<\"borderRightColor\"> | ColorsRefTypes;\n    borderRightStyle: CSSValueType<\"borderRightStyle\">;\n    borderRightWidth: CSSValueType<\"borderRightWidth\">;\n    borderStyle: CSSValueType<\"borderStyle\">;\n    borderTop: CSSValueType<\"borderTop\">;\n    borderTopColor: CSSValueType<\"borderTopColor\"> | ColorsRefTypes;\n    borderTopLeftRadius: CSSValueType<\"borderTopLeftRadius\">;\n    borderTopRightRadius: CSSValueType<\"borderTopRightRadius\">;\n    borderTopStyle: CSSValueType<\"borderTopStyle\">;\n    borderTopWidth: CSSValueType<\"borderTopWidth\">;\n    borderWidth: CSSValueType<\"borderWidth\">;\n    bottom: CSSValueType<\"bottom\">;\n    boxShadow: CSSValueType<\"boxShadow\"> | number;\n    boxSizing: CSSValueType<\"boxSizing\">;\n    cursor: CSSValueType<\"cursor\">;\n    color: CSS.Properties['color'] | ColorsRefTypes;\n    display: CSSValueType<\"display\">;\n    direction: \"row\" | \"column\" | CSSValueType<\"direction\">;\n    filter: CSSValueType<\"filter\">;\n    flex: CSSValueType<\"flex\">;\n    flexBasis: CSSValueType<\"flexBasis\">;\n    flexDirection: CSSValueType<\"flexDirection\">;\n    flexFlow: CSSValueType<\"flexFlow\">;\n    flexGrow: CSSValueType<\"flexGrow\">;\n    flexShrink: CSSValueType<\"flexShrink\">;\n    flexWrap: CSSValueType<\"flexWrap\">;\n    float: CSSValueType<\"float\">;\n    fontFamily: CSSValueType<\"fontFamily\"> | \"default\";\n    fontSize: CSSValueType<\"fontSize\"> | TypographyRefTypes;\n    fontStyle: CSSValueType<\"fontStyle\">;\n    fontWeight: CSSValueType<\"fontWeight\"> | TypographyRefTypes;\n    font: CSSValueType<\"font\"> | TypographyRefTypes;\n    gap: CSSValueType<\"gap\">;\n    grid: CSSValueType<\"grid\">;\n    gridArea: CSSValueType<\"gridArea\">;\n    gridAutoColumns: CSSValueType<\"gridAutoColumns\">;\n    gridAutoFlow: CSSValueType<\"gridAutoFlow\">;\n    gridAutoRows: CSSValueType<\"gridAutoRows\">;\n    gridColumn: CSSValueType<\"gridColumn\">;\n    gridColumnEnd: CSSValueType<\"gridColumnEnd\">;\n    gridColumnGap: CSSValueType<\"gridColumnGap\">;\n    gridColumnStart: CSSValueType<\"gridColumnStart\">;\n    gridGap: CSSValueType<\"gridGap\">;\n    gridRow: CSSValueType<\"gridRow\">;\n    gridRowEnd: CSSValueType<\"gridRowEnd\">;\n    gridRowGap: CSSValueType<\"gridRowGap\">;\n    gridRowStart: CSSValueType<\"gridRowStart\">;\n    gridTemplate: CSSValueType<\"gridTemplate\">;\n    gridTemplateAreas: CSSValueType<\"gridTemplateAreas\">;\n    gridTemplateColumns: CSSValueType<\"gridTemplateColumns\">;\n    gridTemplateRows: CSSValueType<\"gridTemplateRows\">;\n    height: CSSValueType<\"height\">;\n    justifyContent: CSSValueType<\"justifyContent\">;\n    justifyItems: CSSValueType<\"justifyItems\">;\n    justifySelf: CSSValueType<\"justifySelf\">;\n    left: CSSValueType<\"left\">;\n    letterSpacing: CSSValueType<\"letterSpacing\">;\n    lineBreak: CSSValueType<\"lineBreak\">;\n    lineHeight: CSSValueType<\"lineHeight\"> | TypographyRefTypes;\n    listStyle: CSSValueType<\"listStyle\">;\n    margin: CSSValueType<\"margin\">;\n    marginBlock: CSSValueType<\"marginBlock\">;\n    marginBlockEnd: CSSValueType<\"marginBlockEnd\">;\n    marginBlockStart: CSSValueType<\"marginBlockStart\">;\n    marginBottom: CSSValueType<\"marginBottom\">;\n    marginInline: CSSValueType<\"marginInline\">;\n    marginInlineEnd: CSSValueType<\"marginInlineEnd\">;\n    marginInlineStart: CSSValueType<\"marginInlineStart\">;\n    marginLeft: CSSValueType<\"marginLeft\">;\n    marginRight: CSSValueType<\"marginRight\">;\n    marginTop: CSSValueType<\"marginTop\">;\n    maxHeight: CSSValueType<\"maxHeight\">;\n    maxWidth: CSSValueType<\"maxWidth\"> | BreakpointKeys;\n    minHeight: CSSValueType<\"minHeight\">;\n    minWidth: CSSValueType<\"minWidth\"> | BreakpointKeys;\n    objectFit: CSSValueType<\"objectFit\">;\n    objectPosition: CSSValueType<\"objectPosition\">;\n    opacity: CSSValueType<\"opacity\">;\n    order: CSSValueType<\"order\">;\n    outline: CSSValueType<\"outline\">;\n    overflow: CSSValueType<\"overflow\">;\n    overflowX: CSSValueType<\"overflowX\">;\n    overflowY: CSSValueType<\"overflowY\">;\n    padding: CSSValueType<\"padding\">;\n    paddingBlock: CSSValueType<\"paddingBlock\">;\n    paddingBlockEnd: CSSValueType<\"paddingBlockEnd\">;\n    paddingBlockStart: CSSValueType<\"paddingBlockStart\">;\n    paddingBottom: CSSValueType<\"paddingBottom\">;\n    paddingInline: CSSValueType<\"paddingInline\">;\n    paddingInlineEnd: CSSValueType<\"paddingInlineEnd\">;\n    paddingInlineStart: CSSValueType<\"paddingInlineStart\">;\n    paddingLeft: CSSValueType<\"paddingLeft\">;\n    paddingRight: CSSValueType<\"paddingRight\">;\n    paddingTop: CSSValueType<\"paddingTop\">;\n    perspective: CSSValueType<\"perspective\">;\n    perspectiveOrigin: CSSValueType<\"perspectiveOrigin\">;\n    pointerEvents: CSSValueType<\"pointerEvents\">;\n    position: CSSValueType<\"position\">;\n    right: CSSValueType<\"right\">;\n    textAlign: CSSValueType<\"textAlign\">;\n    textDecoration: CSSValueType<\"textDecoration\">;\n    textShadow: CSSValueType<\"textShadow\">;\n    textTransform: CSSValueType<\"textTransform\">;\n    top: CSSValueType<\"top\">;\n    transform: CSSValueType<\"transform\">;\n    transformOrigin: CSSValueType<\"transformOrigin\">;\n    transformStyle: CSSValueType<\"transformStyle\">;\n    transition: CSSValueType<\"transition\">;\n    transitionDelay: CSSValueType<\"transitionDelay\">;\n    transitionDuration: CSSValueType<\"transitionDuration\">;\n    transitionProperty: CSSValueType<\"transitionProperty\">;\n    transitionTimingFunction: CSSValueType<\"transitionTimingFunction\">;\n    translate: CSSValueType<\"translate\">;\n    userSelect: CSSValueType<\"userSelect\">;\n    verticalAlign: CSSValueType<\"verticalAlign\">;\n    visibility: CSSValueType<\"visibility\">;\n    whiteSpace: CSSValueType<\"whiteSpace\">;\n    width: CSSValueType<\"width\"> | BreakpointKeys;\n    wordBreak: CSSValueType<\"wordBreak\">;\n    wordSpacing: CSSValueType<\"wordSpacing\">;\n    wordWrap: CSSValueType<\"wordWrap\">;\n    zIndex: CSSValueType<\"zIndex\">;\n}\n\nexport type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {\n    baseClass?: string;\n    sx?: CSSProps;\n    hover?: CSSProps;\n    disabled?: boolean;\n    classNames?: classNamesTypes;\n}"],
+  "sourcesContent": ["import * as CSS from 'csstype'\r\nimport { Aliases, BreakpointKeys, CSSProps, CSSValueType } from \"../css/types\"\r\nimport { ColorsRefTypes, TypographyRefTypes } from '../theme/types';\r\nimport { classNamesTypes } from 'pretty-class'\r\n\r\nexport type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>\r\nexport type TagProps<T extends TagComponentType = 'div'> = Omit<React.HTMLProps<T>, 'width' | 'height'> & {\r\n    component?: T;\r\n    children?: React.ReactNode;\r\n    ref?: any;\r\n} & CSSPropAsAttr\r\n\r\nexport type TagPropsRoot<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n    sxr?: CSSProps\r\n}\r\n\r\n\r\ninterface TagCSSProperties {\r\n    alignContent: CSSValueType<\"alignContent\">;\r\n    alignItems: CSSValueType<\"alignItems\">;\r\n    alignSelf: CSSValueType<\"alignSelf\">;\r\n    animation: CSSValueType<\"animation\">;\r\n    animationComposition: CSSValueType<\"animationComposition\">;\r\n    animationDelay: CSSValueType<\"animationDelay\">;\r\n    animationDirection: CSSValueType<\"animationDirection\">;\r\n    animationDuration: CSSValueType<\"animationDuration\">;\r\n    animationFillMode: CSSValueType<\"animationFillMode\">;\r\n    animationIterationCount: CSSValueType<\"animationIterationCount\">;\r\n    animationName: CSSValueType<\"animationName\">;\r\n    animationTimingFunction: CSSValueType<\"animationTimingFunction\">;\r\n    backdropFilter: CSSValueType<\"backdropFilter\">;\r\n    background: CSSValueType<\"background\"> | ColorsRefTypes;\r\n    backgroundAttachment: CSSValueType<\"backgroundAttachment\">;\r\n    backgroundColor: CSSValueType<\"backgroundColor\"> | ColorsRefTypes;\r\n    backgroundImage: CSSValueType<\"backgroundImage\">;\r\n    backgroundOrigin: CSSValueType<\"backgroundOrigin\">;\r\n    backgroundPosition: CSSValueType<\"backgroundPosition\">;\r\n    backgroundRepeat: CSSValueType<\"backgroundRepeat\">;\r\n    backgroundSize: CSSValueType<\"backgroundSize\">;\r\n    border: CSSValueType<\"border\">;\r\n    borderBottom: CSSValueType<\"borderBottom\">;\r\n    borderBottomColor: CSSValueType<\"borderBottomColor\"> | ColorsRefTypes;\r\n    borderBottomStyle: CSSValueType<\"borderBottomStyle\">;\r\n    borderBottomWidth: CSSValueType<\"borderBottomWidth\">;\r\n    borderColor: CSS.Properties['borderColor'] | ColorsRefTypes;\r\n    borderImage: CSSValueType<\"borderImage\">;\r\n    borderLeft: CSSValueType<\"borderLeft\">;\r\n    borderLeftColor: CSSValueType<\"borderLeftColor\"> | ColorsRefTypes;\r\n    borderLeftStyle: CSSValueType<\"borderLeftStyle\">;\r\n    borderLeftWidth: CSSValueType<\"borderLeftWidth\">;\r\n    borderRadius: CSSValueType<\"borderRadius\">;\r\n    borderRight: CSSValueType<\"borderRight\">;\r\n    borderRightColor: CSSValueType<\"borderRightColor\"> | ColorsRefTypes;\r\n    borderRightStyle: CSSValueType<\"borderRightStyle\">;\r\n    borderRightWidth: CSSValueType<\"borderRightWidth\">;\r\n    borderStyle: CSSValueType<\"borderStyle\">;\r\n    borderTop: CSSValueType<\"borderTop\">;\r\n    borderTopColor: CSSValueType<\"borderTopColor\"> | ColorsRefTypes;\r\n    borderTopLeftRadius: CSSValueType<\"borderTopLeftRadius\">;\r\n    borderTopRightRadius: CSSValueType<\"borderTopRightRadius\">;\r\n    borderTopStyle: CSSValueType<\"borderTopStyle\">;\r\n    borderTopWidth: CSSValueType<\"borderTopWidth\">;\r\n    borderWidth: CSSValueType<\"borderWidth\">;\r\n    bottom: CSSValueType<\"bottom\">;\r\n    boxShadow: CSSValueType<\"boxShadow\"> | number;\r\n    boxSizing: CSSValueType<\"boxSizing\">;\r\n    cursor: CSSValueType<\"cursor\">;\r\n    color: CSS.Properties['color'] | ColorsRefTypes;\r\n    display: CSSValueType<\"display\">;\r\n    direction: \"row\" | \"column\" | CSSValueType<\"direction\">;\r\n    filter: CSSValueType<\"filter\">;\r\n    flex: CSSValueType<\"flex\">;\r\n    flexBasis: CSSValueType<\"flexBasis\">;\r\n    flexDirection: CSSValueType<\"flexDirection\">;\r\n    flexFlow: CSSValueType<\"flexFlow\">;\r\n    flexGrow: CSSValueType<\"flexGrow\">;\r\n    flexShrink: CSSValueType<\"flexShrink\">;\r\n    flexWrap: CSSValueType<\"flexWrap\">;\r\n    float: CSSValueType<\"float\">;\r\n    fontFamily: CSSValueType<\"fontFamily\"> | \"default\";\r\n    fontSize: CSSValueType<\"fontSize\"> | TypographyRefTypes;\r\n    fontStyle: CSSValueType<\"fontStyle\">;\r\n    fontWeight: CSSValueType<\"fontWeight\"> | TypographyRefTypes;\r\n    font: CSSValueType<\"font\"> | TypographyRefTypes;\r\n    gap: CSSValueType<\"gap\">;\r\n    grid: CSSValueType<\"grid\">;\r\n    gridArea: CSSValueType<\"gridArea\">;\r\n    gridAutoColumns: CSSValueType<\"gridAutoColumns\">;\r\n    gridAutoFlow: CSSValueType<\"gridAutoFlow\">;\r\n    gridAutoRows: CSSValueType<\"gridAutoRows\">;\r\n    gridColumn: CSSValueType<\"gridColumn\">;\r\n    gridColumnEnd: CSSValueType<\"gridColumnEnd\">;\r\n    gridColumnGap: CSSValueType<\"gridColumnGap\">;\r\n    gridColumnStart: CSSValueType<\"gridColumnStart\">;\r\n    gridGap: CSSValueType<\"gridGap\">;\r\n    gridRow: CSSValueType<\"gridRow\">;\r\n    gridRowEnd: CSSValueType<\"gridRowEnd\">;\r\n    gridRowGap: CSSValueType<\"gridRowGap\">;\r\n    gridRowStart: CSSValueType<\"gridRowStart\">;\r\n    gridTemplate: CSSValueType<\"gridTemplate\">;\r\n    gridTemplateAreas: CSSValueType<\"gridTemplateAreas\">;\r\n    gridTemplateColumns: CSSValueType<\"gridTemplateColumns\">;\r\n    gridTemplateRows: CSSValueType<\"gridTemplateRows\">;\r\n    height: CSSValueType<\"height\">;\r\n    justifyContent: CSSValueType<\"justifyContent\">;\r\n    justifyItems: CSSValueType<\"justifyItems\">;\r\n    justifySelf: CSSValueType<\"justifySelf\">;\r\n    left: CSSValueType<\"left\">;\r\n    letterSpacing: CSSValueType<\"letterSpacing\">;\r\n    lineBreak: CSSValueType<\"lineBreak\">;\r\n    lineHeight: CSSValueType<\"lineHeight\"> | TypographyRefTypes;\r\n    listStyle: CSSValueType<\"listStyle\">;\r\n    margin: CSSValueType<\"margin\">;\r\n    marginBlock: CSSValueType<\"marginBlock\">;\r\n    marginBlockEnd: CSSValueType<\"marginBlockEnd\">;\r\n    marginBlockStart: CSSValueType<\"marginBlockStart\">;\r\n    marginBottom: CSSValueType<\"marginBottom\">;\r\n    marginInline: CSSValueType<\"marginInline\">;\r\n    marginInlineEnd: CSSValueType<\"marginInlineEnd\">;\r\n    marginInlineStart: CSSValueType<\"marginInlineStart\">;\r\n    marginLeft: CSSValueType<\"marginLeft\">;\r\n    marginRight: CSSValueType<\"marginRight\">;\r\n    marginTop: CSSValueType<\"marginTop\">;\r\n    maxHeight: CSSValueType<\"maxHeight\">;\r\n    maxWidth: CSSValueType<\"maxWidth\"> | BreakpointKeys;\r\n    minHeight: CSSValueType<\"minHeight\">;\r\n    minWidth: CSSValueType<\"minWidth\"> | BreakpointKeys;\r\n    objectFit: CSSValueType<\"objectFit\">;\r\n    objectPosition: CSSValueType<\"objectPosition\">;\r\n    opacity: CSSValueType<\"opacity\">;\r\n    order: CSSValueType<\"order\">;\r\n    outline: CSSValueType<\"outline\">;\r\n    overflow: CSSValueType<\"overflow\">;\r\n    overflowX: CSSValueType<\"overflowX\">;\r\n    overflowY: CSSValueType<\"overflowY\">;\r\n    padding: CSSValueType<\"padding\">;\r\n    paddingBlock: CSSValueType<\"paddingBlock\">;\r\n    paddingBlockEnd: CSSValueType<\"paddingBlockEnd\">;\r\n    paddingBlockStart: CSSValueType<\"paddingBlockStart\">;\r\n    paddingBottom: CSSValueType<\"paddingBottom\">;\r\n    paddingInline: CSSValueType<\"paddingInline\">;\r\n    paddingInlineEnd: CSSValueType<\"paddingInlineEnd\">;\r\n    paddingInlineStart: CSSValueType<\"paddingInlineStart\">;\r\n    paddingLeft: CSSValueType<\"paddingLeft\">;\r\n    paddingRight: CSSValueType<\"paddingRight\">;\r\n    paddingTop: CSSValueType<\"paddingTop\">;\r\n    perspective: CSSValueType<\"perspective\">;\r\n    perspectiveOrigin: CSSValueType<\"perspectiveOrigin\">;\r\n    pointerEvents: CSSValueType<\"pointerEvents\">;\r\n    position: CSSValueType<\"position\">;\r\n    right: CSSValueType<\"right\">;\r\n    textAlign: CSSValueType<\"textAlign\">;\r\n    textDecoration: CSSValueType<\"textDecoration\">;\r\n    textShadow: CSSValueType<\"textShadow\">;\r\n    textTransform: CSSValueType<\"textTransform\">;\r\n    top: CSSValueType<\"top\">;\r\n    transform: CSSValueType<\"transform\">;\r\n    transformOrigin: CSSValueType<\"transformOrigin\">;\r\n    transformStyle: CSSValueType<\"transformStyle\">;\r\n    transition: CSSValueType<\"transition\">;\r\n    transitionDelay: CSSValueType<\"transitionDelay\">;\r\n    transitionDuration: CSSValueType<\"transitionDuration\">;\r\n    transitionProperty: CSSValueType<\"transitionProperty\">;\r\n    transitionTimingFunction: CSSValueType<\"transitionTimingFunction\">;\r\n    translate: CSSValueType<\"translate\">;\r\n    userSelect: CSSValueType<\"userSelect\">;\r\n    verticalAlign: CSSValueType<\"verticalAlign\">;\r\n    visibility: CSSValueType<\"visibility\">;\r\n    whiteSpace: CSSValueType<\"whiteSpace\">;\r\n    width: CSSValueType<\"width\"> | BreakpointKeys;\r\n    wordBreak: CSSValueType<\"wordBreak\">;\r\n    wordSpacing: CSSValueType<\"wordSpacing\">;\r\n    wordWrap: CSSValueType<\"wordWrap\">;\r\n    zIndex: CSSValueType<\"zIndex\">;\r\n}\r\n\r\nexport type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {\r\n    baseClass?: string;\r\n    sx?: CSSProps;\r\n    hover?: CSSProps;\r\n    disabled?: boolean;\r\n    classNames?: classNamesTypes;\r\n}"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

package/cjs/Tag/useTagProps.js

@@ -1,2 +1,2 @@
-"use strict";var d=Object.create;var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var _=(s,o)=>{for(var a in o)t(s,a,{get:o[a],enumerable:!0})},i=(s,o,a,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of N(o))!x.call(s,e)&&e!==a&&t(s,e,{get:()=>o[e],enumerable:!(p=u(o,e))||p.enumerable});return s};var v=(s,o,a)=>(a=s!=null?d(k(s)):{},i(o||!s||!s.__esModule?t(a,"default",{value:s,enumerable:!0}):a,s)),R=s=>i(t({},"__esModule",{value:!0}),s);var h={};_(h,{default:()=>L});module.exports=R(h);var l=v(require("./cssPropList")),y=require("../css"),f=require("pretty-class");const C=({sxr:s,sx:o,baseClass:a,classNames:p,hover:e,...n})=>{let T={...s,...o,...n};e&&(T["&:hover"]=e);const m=(0,y.css)(T,{skipProps:(r,j,g)=>g===1&&!l.default[r]});let P=m.skiped[m.classname]||[];const c={};for(let r of P)c[r]=n[r];return c.className=(0,f.classNames)([a?"xui-"+a:"",m.classname,n.className,...p||[]]),c};var L=C;
+"use strict";var d=Object.create;var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var _=(s,o)=>{for(var a in o)t(s,a,{get:o[a],enumerable:!0})},i=(s,o,a,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of N(o))!x.call(s,e)&&e!==a&&t(s,e,{get:()=>o[e],enumerable:!(p=u(o,e))||p.enumerable});return s};var v=(s,o,a)=>(a=s!=null?d(k(s)):{},i(o||!s||!s.__esModule?t(a,"default",{value:s,enumerable:!0}):a,s)),R=s=>i(t({},"__esModule",{value:!0}),s);var h={};_(h,{default:()=>L});module.exports=R(h);var l=v(require("./cssPropList"),1),y=require("../css"),f=require("pretty-class");const C=({sxr:s,sx:o,baseClass:a,classNames:p,hover:e,...n})=>{let T={...s,...o,...n};e&&(T["&:hover"]=e);const m=(0,y.css)(T,{skipProps:(r,j,g)=>g===1&&!l.default[r]});let P=m.skiped[m.classname]||[];const c={};for(let r of P)c[r]=n[r];return c.className=(0,f.classNames)([a?"xui-"+a:"",m.classname,n.className,...p||[]]),c};var L=C;
 //# sourceMappingURL=useTagProps.js.map

package/cjs/Tag/useTagProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tag/useTagProps.ts"],
-  "sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\n\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\n   let _css: any = { ...sxr, ...sx, ...props }\n   if (hover) _css['&:hover'] = hover\n   const style = css(_css, {\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\n   })\n\n   let skipProps = style.skiped[style.classname as any] || []\n   const _props: any = {};\n   for (let prop of skipProps) {\n      _props[prop] = (props as any)[prop]\n   }\n   _props.className = classNames([\n      baseClass ? \"xui-\" + baseClass : \"\",\n      style.classname,\n      props.className,\n      ...(clses as any || []),\n   ])\n   return _props\n}\n\n\nexport default useTagProps"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAwB,4BACxBC,EAAoB,kBACpBC,EAA2B,wBAE3B,MAAMC,EAAc,CAAqC,CAAE,IAAAC,EAAK,GAAAC,EAAI,UAAAC,EAAW,WAAYC,EAAO,MAAAC,EAAO,GAAGC,CAAM,IAAoC,CACnJ,IAAIC,EAAY,CAAE,GAAGN,EAAK,GAAGC,EAAI,GAAGI,CAAM,EACtCD,IAAOE,EAAK,SAAS,EAAIF,GAC7B,MAAMG,KAAQ,OAAID,EAAM,CACrB,UAAW,CAACE,EAAMC,EAAMC,IAAcA,IAAS,GAAK,CAAC,EAAAC,QAAYH,CAAI,CACxE,CAAC,EAED,IAAII,EAAYL,EAAM,OAAOA,EAAM,SAAgB,GAAK,CAAC,EACzD,MAAMM,EAAc,CAAC,EACrB,QAASL,KAAQI,EACdC,EAAOL,CAAI,EAAKH,EAAcG,CAAI,EAErC,OAAAK,EAAO,aAAY,cAAW,CAC3BX,EAAY,OAASA,EAAY,GACjCK,EAAM,UACNF,EAAM,UACN,GAAIF,GAAgB,CAAC,CACxB,CAAC,EACMU,CACV,EAGA,IAAOnB,EAAQK",
+  "sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\r\n   let _css: any = { ...sxr, ...sx, ...props }\r\n   if (hover) _css['&:hover'] = hover\r\n   const style = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\r\n   })\r\n\r\n   let skipProps = style.skiped[style.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      style.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return _props\r\n}\r\n\r\n\r\nexport default useTagProps"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAwB,8BACxBC,EAAoB,kBACpBC,EAA2B,wBAE3B,MAAMC,EAAc,CAAqC,CAAE,IAAAC,EAAK,GAAAC,EAAI,UAAAC,EAAW,WAAYC,EAAO,MAAAC,EAAO,GAAGC,CAAM,IAAoC,CACnJ,IAAIC,EAAY,CAAE,GAAGN,EAAK,GAAGC,EAAI,GAAGI,CAAM,EACtCD,IAAOE,EAAK,SAAS,EAAIF,GAC7B,MAAMG,KAAQ,OAAID,EAAM,CACrB,UAAW,CAACE,EAAMC,EAAMC,IAAcA,IAAS,GAAK,CAAC,EAAAC,QAAYH,CAAI,CACxE,CAAC,EAED,IAAII,EAAYL,EAAM,OAAOA,EAAM,SAAgB,GAAK,CAAC,EACzD,MAAMM,EAAc,CAAC,EACrB,QAASL,KAAQI,EACdC,EAAOL,CAAI,EAAKH,EAAcG,CAAI,EAErC,OAAAK,EAAO,aAAY,cAAW,CAC3BX,EAAY,OAASA,EAAY,GACjCK,EAAM,UACNF,EAAM,UACN,GAAIF,GAAgB,CAAC,CACxB,CAAC,EACMU,CACV,EAGA,IAAOnB,EAAQK",
   "names": ["useTagProps_exports", "__export", "useTagProps_default", "__toCommonJS", "import_cssPropList", "import_css", "import_pretty_class", "useTagProps", "sxr", "sx", "baseClass", "clses", "hover", "props", "_css", "style", "prop", "_val", "dept", "cssPropList", "skipProps", "_props"]
 }

package/cjs/Transition/index.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var z=Object.create;var f=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var U=(t,e)=>{for(var i in e)f(t,i,{get:e[i],enumerable:!0})},x=(t,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of G(e))!Q.call(t,o)&&o!==i&&f(t,o,{get:()=>e[o],enumerable:!(r=F(e,o))||r.enumerable});return t};var S=(t,e,i)=>(i=t!=null?z(K(t)):{},x(e||!t||!t.__esModule?f(i,"default",{value:t,enumerable:!0}):i,t)),X=t=>x(f({},"__esModule",{value:!0}),t);var te={};U(te,{default:()=>ee});module.exports=X(te);var n=S(require("react")),A=S(require("../Tag")),h=require("../useAnimation"),I=require("../css"),R=require("oncss"),Y=S(require("./variants"));const Z=({children:t,open:e,...i})=>{let{disableInitialTransition:r,variant:o,duration:g,delay:L,ease:k,easing:H,onOpen:E,onOpened:v,onClose:C,onClosed:O,onState:m}=i,M=k||h.animationEases[H]||h.animationEases.easeBounceOut;r??=!1,g??=400,o??="fade";const u=(0,n.useId)().replace(/:/g,""),[l,N]=(0,n.useState)(!1),[_,j]=(0,n.useState)(!1),[q,b]=(0,n.useState)(e?r?"opened":"open":"closed"),[B,J]=(0,n.useState)({height:0,width:0,rect:null});typeof o=="string"&&(o=Y[o](B));let c=o.from,d=o.to;const[P,y]=(0,n.useState)(e?d:c);(0,n.useEffect)(()=>{const s=document.querySelector(`.trans-${u}`);s&&(N(!0),J({height:s.clientHeight,width:s.clientWidth,rect:s.getBoundingClientRect()}),!r&&e&&y(c))},[]),(0,n.useEffect)(()=>{const s=document.querySelector(`.trans-${u}`);if(l&&s){let p=null,w=null;s.ontransitionstart=()=>{clearTimeout(p),p=setTimeout(()=>{const a=Array.from(s.classList).includes("trans-open");E&&a&&E(),C&&!a&&C(),m&&m(a?"open":"close"),b(a?"open":"close")},1)},s.ontransitionend=()=>{clearTimeout(w),w=setTimeout(()=>{const a=Array.from(s.classList).includes("trans-open");v&&a&&v(),O&&!a&&O(),m&&m(a?"opened":"closed"),b(a?"opened":"closed")},1)}}},[l]),(0,n.useEffect)(()=>{l&&(_?y(e?d:c):(j(!0),setTimeout(()=>{y(e?d:c)},50)))},[l,e,JSON.stringify(c),JSON.stringify(d)]);let $={};if(l){let s=` ${g}ms ${M} ${L||0}ms`;$={...P,transition:Object.keys(P||{}).map(p=>(0,R.formatCSSProp)(p)).join(s+", ")+s}}const V=(0,I.css)($);if(!t||Array.isArray(t))throw new Error("Invalid children in Transition");const D=n.Children.toArray(t).shift();let W=`${V.classname} trans-${u} trans-${e?"open":"close"} trans-state-${q}`;const T=(0,n.cloneElement)(D,{classNames:[W]});return l||!l&&r&&e?T:n.default.createElement(A.default,{height:0,overflow:"hidden"},T)};var ee=Z;
+"use strict";"use client";var z=Object.create;var f=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var U=(t,e)=>{for(var i in e)f(t,i,{get:e[i],enumerable:!0})},x=(t,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of G(e))!Q.call(t,o)&&o!==i&&f(t,o,{get:()=>e[o],enumerable:!(r=F(e,o))||r.enumerable});return t};var S=(t,e,i)=>(i=t!=null?z(K(t)):{},x(e||!t||!t.__esModule?f(i,"default",{value:t,enumerable:!0}):i,t)),X=t=>x(f({},"__esModule",{value:!0}),t);var te={};U(te,{default:()=>ee});module.exports=X(te);var n=S(require("react"),1),A=S(require("../Tag"),1),h=require("../useAnimation"),I=require("../css"),R=require("oncss"),Y=S(require("./variants"),1);const Z=({children:t,open:e,...i})=>{let{disableInitialTransition:r,variant:o,duration:g,delay:L,ease:k,easing:H,onOpen:E,onOpened:v,onClose:C,onClosed:O,onState:m}=i,M=k||h.animationEases[H]||h.animationEases.easeBounceOut;r??=!1,g??=400,o??="fade";const u=(0,n.useId)().replace(/:/g,""),[l,N]=(0,n.useState)(!1),[_,j]=(0,n.useState)(!1),[q,b]=(0,n.useState)(e?r?"opened":"open":"closed"),[B,J]=(0,n.useState)({height:0,width:0,rect:null});typeof o=="string"&&(o=Y[o](B));let c=o.from,d=o.to;const[P,y]=(0,n.useState)(e?d:c);(0,n.useEffect)(()=>{const s=document.querySelector(`.trans-${u}`);s&&(N(!0),J({height:s.clientHeight,width:s.clientWidth,rect:s.getBoundingClientRect()}),!r&&e&&y(c))},[]),(0,n.useEffect)(()=>{const s=document.querySelector(`.trans-${u}`);if(l&&s){let p=null,w=null;s.ontransitionstart=()=>{clearTimeout(p),p=setTimeout(()=>{const a=Array.from(s.classList).includes("trans-open");E&&a&&E(),C&&!a&&C(),m&&m(a?"open":"close"),b(a?"open":"close")},1)},s.ontransitionend=()=>{clearTimeout(w),w=setTimeout(()=>{const a=Array.from(s.classList).includes("trans-open");v&&a&&v(),O&&!a&&O(),m&&m(a?"opened":"closed"),b(a?"opened":"closed")},1)}}},[l]),(0,n.useEffect)(()=>{l&&(_?y(e?d:c):(j(!0),setTimeout(()=>{y(e?d:c)},50)))},[l,e,JSON.stringify(c),JSON.stringify(d)]);let $={};if(l){let s=` ${g}ms ${M} ${L||0}ms`;$={...P,transition:Object.keys(P||{}).map(p=>(0,R.formatCSSProp)(p)).join(s+", ")+s}}const V=(0,I.css)($);if(!t||Array.isArray(t))throw new Error("Invalid children in Transition");const D=n.Children.toArray(t).shift();let W=`${V.classname} trans-${u} trans-${e?"open":"close"} trans-state-${q}`;const T=(0,n.cloneElement)(D,{classNames:[W]});return l||!l&&r&&e?T:n.default.createElement(A.default,{height:0,overflow:"hidden"},T)};var ee=Z;
 //# sourceMappingURL=index.js.map

package/cjs/Transition/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Transition/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { ReactElement, cloneElement, Children, useState, useEffect, useId } from 'react';\nimport Tag from '../Tag';\nimport { animationEases } from '../useAnimation';\nimport { css } from '../css';\nimport { formatCSSProp } from 'oncss';\nimport { CSSProps } from '../css/types';\nimport * as variants from './variants'\nexport type TransitionVariantTypes = keyof typeof variants\n\nexport type TransitionElementProps = {\n    height: number;\n    width: number;\n    rect: DOMRect | null\n}\n\nexport type TransitionState = \"open\" | \"opened\" | \"close\" | \"closed\"\n\nexport type TransitionProps = {\n    children: ReactElement;\n    open: boolean;\n    variant: {\n        from: CSSProps;\n        to: CSSProps;\n    } | TransitionVariantTypes;\n    ease?: string;\n    easing?: keyof typeof animationEases;\n    duration?: number;\n    delay?: number;\n    disableInitialTransition?: boolean;\n    onOpen?: () => void;\n    onOpened?: () => void;\n    onClose?: () => void;\n    onClosed?: () => void;\n    onState?: (state: TransitionState) => void;\n}\n\nconst Transition = ({ children, open, ...props }: TransitionProps) => {\n    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props as TransitionProps\n    let _ease = ease || (animationEases as any)[easing as any] || animationEases.easeBounceOut\n    disableInitialTransition ??= false\n    duration ??= 400\n    variant ??= \"fade\"\n\n    const id = useId().replace(/:/g, \"\")\n    const [rendered, setRendered] = useState(false)\n    const [initial, setInitial] = useState(false)\n    const [transitionState, setTransitionState] = useState<TransitionState>(open ? (disableInitialTransition ? \"opened\" : \"open\") : \"closed\")\n    const [element, setElement] = useState<TransitionElementProps>({\n        height: 0,\n        width: 0,\n        rect: null\n    });\n\n    if (typeof variant === 'string') {\n        variant = (variants as any)[variant](element)\n    }\n\n    let from = (variant as any).from\n    let to = (variant as any).to\n\n    const [_css, setCss] = useState(open ? to : from)\n\n    useEffect(() => {\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\n        if (ele) {\n            setRendered(true)\n            setElement({\n                height: ele.clientHeight,\n                width: ele.clientWidth,\n                rect: ele.getBoundingClientRect()\n            })\n            if (!disableInitialTransition && open) {\n                setCss(from)\n            }\n        }\n    }, [])\n\n    useEffect(() => {\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\n        if (rendered && ele) {\n            let stimer: any = null\n            let etimer: any = null\n            ele.ontransitionstart = () => {\n                clearTimeout(stimer)\n                stimer = setTimeout(() => {\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\n                    (onOpen && isOpen) && onOpen();\n                    (onClose && !isOpen) && onClose()\n                    onState && onState(isOpen ? \"open\" : \"close\")\n                    setTransitionState(isOpen ? \"open\" : \"close\")\n                }, 1)\n            }\n            ele.ontransitionend = () => {\n                clearTimeout(etimer)\n                etimer = setTimeout(() => {\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\n                    (onOpened && isOpen) && onOpened();\n                    (onClosed && !isOpen) && onClosed();\n                    onState && onState(isOpen ? \"opened\" : \"closed\")\n                    setTransitionState(isOpen ? \"opened\" : \"closed\")\n                }, 1)\n            }\n        }\n    }, [rendered])\n\n    useEffect(() => {\n        if (rendered) {\n            if (!initial) {\n                setInitial(true)\n                setTimeout(() => {\n                    setCss(open ? to : from)\n                }, 50);\n            } else {\n                setCss(open ? to : from)\n            }\n        }\n    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)])\n\n    let _: any = {}\n    if (rendered) {\n        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\n        _ = {\n            ..._css,\n            transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\n        }\n    }\n\n    const cls = css(_)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Transition\")\n    const first: any = Children.toArray(children).shift();\n    let classname = `${cls.classname} trans-${id} trans-${(open ? \"open\" : \"close\")} trans-state-${transitionState}`\n    const child = cloneElement(first, { classNames: [classname] })\n    if (rendered) return child\n    if (!rendered && disableInitialTransition && open) return child\n\n    return (\n        <Tag\n            height={0}\n            overflow=\"hidden\"\n        >\n            {child}\n        </Tag>\n    )\n}\n\n\nexport default Transition"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\r\nimport React, { ReactElement, cloneElement, Children, useState, useEffect, useId } from 'react';\r\nimport Tag from '../Tag';\r\nimport { animationEases } from '../useAnimation';\r\nimport { css } from '../css';\r\nimport { formatCSSProp } from 'oncss';\r\nimport { CSSProps } from '../css/types';\r\nimport * as variants from './variants'\r\nexport type TransitionVariantTypes = keyof typeof variants\r\n\r\nexport type TransitionElementProps = {\r\n    height: number;\r\n    width: number;\r\n    rect: DOMRect | null\r\n}\r\n\r\nexport type TransitionState = \"open\" | \"opened\" | \"close\" | \"closed\"\r\n\r\nexport type TransitionProps = {\r\n    children: ReactElement;\r\n    open: boolean;\r\n    variant: {\r\n        from: CSSProps;\r\n        to: CSSProps;\r\n    } | TransitionVariantTypes;\r\n    ease?: string;\r\n    easing?: keyof typeof animationEases;\r\n    duration?: number;\r\n    delay?: number;\r\n    disableInitialTransition?: boolean;\r\n    onOpen?: () => void;\r\n    onOpened?: () => void;\r\n    onClose?: () => void;\r\n    onClosed?: () => void;\r\n    onState?: (state: TransitionState) => void;\r\n}\r\n\r\nconst Transition = ({ children, open, ...props }: TransitionProps) => {\r\n    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props as TransitionProps\r\n    let _ease = ease || (animationEases as any)[easing as any] || animationEases.easeBounceOut\r\n    disableInitialTransition ??= false\r\n    duration ??= 400\r\n    variant ??= \"fade\"\r\n\r\n    const id = useId().replace(/:/g, \"\")\r\n    const [rendered, setRendered] = useState(false)\r\n    const [initial, setInitial] = useState(false)\r\n    const [transitionState, setTransitionState] = useState<TransitionState>(open ? (disableInitialTransition ? \"opened\" : \"open\") : \"closed\")\r\n    const [element, setElement] = useState<TransitionElementProps>({\r\n        height: 0,\r\n        width: 0,\r\n        rect: null\r\n    });\r\n\r\n    if (typeof variant === 'string') {\r\n        variant = (variants as any)[variant](element)\r\n    }\r\n\r\n    let from = (variant as any).from\r\n    let to = (variant as any).to\r\n\r\n    const [_css, setCss] = useState(open ? to : from)\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (ele) {\r\n            setRendered(true)\r\n            setElement({\r\n                height: ele.clientHeight,\r\n                width: ele.clientWidth,\r\n                rect: ele.getBoundingClientRect()\r\n            })\r\n            if (!disableInitialTransition && open) {\r\n                setCss(from)\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (rendered && ele) {\r\n            let stimer: any = null\r\n            let etimer: any = null\r\n            ele.ontransitionstart = () => {\r\n                clearTimeout(stimer)\r\n                stimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpen && isOpen) && onOpen();\r\n                    (onClose && !isOpen) && onClose()\r\n                    onState && onState(isOpen ? \"open\" : \"close\")\r\n                    setTransitionState(isOpen ? \"open\" : \"close\")\r\n                }, 1)\r\n            }\r\n            ele.ontransitionend = () => {\r\n                clearTimeout(etimer)\r\n                etimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpened && isOpen) && onOpened();\r\n                    (onClosed && !isOpen) && onClosed();\r\n                    onState && onState(isOpen ? \"opened\" : \"closed\")\r\n                    setTransitionState(isOpen ? \"opened\" : \"closed\")\r\n                }, 1)\r\n            }\r\n        }\r\n    }, [rendered])\r\n\r\n    useEffect(() => {\r\n        if (rendered) {\r\n            if (!initial) {\r\n                setInitial(true)\r\n                setTimeout(() => {\r\n                    setCss(open ? to : from)\r\n                }, 50);\r\n            } else {\r\n                setCss(open ? to : from)\r\n            }\r\n        }\r\n    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)])\r\n\r\n    let _: any = {}\r\n    if (rendered) {\r\n        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\r\n        _ = {\r\n            ..._css,\r\n            transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\r\n        }\r\n    }\r\n\r\n    const cls = css(_)\r\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Transition\")\r\n    const first: any = Children.toArray(children).shift();\r\n    let classname = `${cls.classname} trans-${id} trans-${(open ? \"open\" : \"close\")} trans-state-${transitionState}`\r\n    const child = cloneElement(first, { classNames: [classname] })\r\n    if (rendered) return child\r\n    if (!rendered && disableInitialTransition && open) return child\r\n\r\n    return (\r\n        <Tag\r\n            height={0}\r\n            overflow=\"hidden\"\r\n        >\r\n            {child}\r\n        </Tag>\r\n    )\r\n}\r\n\r\n\r\nexport default Transition"],
+  "mappings": "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",
   "names": ["Transition_exports", "__export", "Transition_default", "__toCommonJS", "import_react", "import_Tag", "import_useAnimation", "import_css", "import_oncss", "variants", "Transition", "children", "open", "props", "disableInitialTransition", "variant", "duration", "delay", "ease", "easing", "onOpen", "onOpened", "onClose", "onClosed", "onState", "_ease", "id", "rendered", "setRendered", "initial", "setInitial", "transitionState", "setTransitionState", "element", "setElement", "from", "to", "_css", "setCss", "ele", "stimer", "etimer", "isOpen", "_", "trans", "k", "cls", "first", "classname", "child", "React", "Tag"]
 }

package/cjs/Transition/variants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Transition/variants.ts"],
-  "sourcesContent": ["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(1.2)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            height: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            width: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\n"],
+  "sourcesContent": ["import { TransitionElementProps } from \".\"\r\n\r\nexport const slideDown = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(-${_arg.height}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideUp = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(${_arg.height}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideRight = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(-${_arg.width}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideLeft = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(${_arg.width}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const fade = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeDown = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(-30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(-30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const grow = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(.8, .6)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(.8)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoomOver = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(1.2)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            height: 0 + \"px!important\",\r\n            overflow: \"hidden\"\r\n        },\r\n        to: {\r\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n}\r\n\r\n\r\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            width: 0 + \"px!important\",\r\n            overflow: \"hidden\"\r\n        },\r\n        to: {\r\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,oBAAAC,EAAA,SAAAC,EAAA,aAAAC,EAAA,aAAAC,EAAA,cAAAC,EAAA,WAAAC,EAAA,SAAAC,EAAA,cAAAC,EAAA,cAAAC,EAAA,eAAAC,EAAA,YAAAC,EAAA,SAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAhB,GAEO,MAAMU,EAAaO,IACf,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,MAAM,eACzC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSJ,EAAWI,IACb,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,MAAM,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSL,EAAcK,IAChB,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,KAAK,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSN,EAAaM,IACf,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,KAAK,eACvC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSb,EAAQa,IACV,CACH,KAAM,CACF,QAAS,CACb,EACA,GAAI,CACA,QAAS,CACb,CACJ,GAGSZ,EAAYY,IACd,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGST,EAAUS,IACZ,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSV,EAAaU,IACf,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSX,EAAYW,IACd,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSR,EAAQQ,IACV,CACH,KAAM,CACF,UAAW,0BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSH,EAAQG,IACV,CACH,KAAM,CACF,UAAW,sBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSF,EAAYE,IACd,CACH,KAAM,CACF,UAAW,uBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSd,EAAmBc,IACrB,CACH,KAAM,CACF,OAAQ,gBACR,SAAU,QACd,EACA,GAAI,CACA,OAAQA,GAAM,OAASA,GAAM,OAAS,eAAiB,OACvD,SAAU,QACd,CACJ,GAISf,EAAqBe,IACvB,CACH,KAAM,CACF,MAAO,gBACP,SAAU,QACd,EACA,GAAI,CACA,MAAOA,GAAM,MAAQA,GAAM,MAAQ,eAAiB,OACpD,SAAU,QACd,CACJ",
   "names": ["variants_exports", "__export", "collapsHorizental", "collapsVerticle", "fade", "fadeDown", "fadeLeft", "fadeRight", "fadeUp", "grow", "slideDown", "slideLeft", "slideRight", "slideUp", "zoom", "zoomOver", "__toCommonJS", "_arg"]
 }

package/cjs/breakpoint/index.js

@@ -1,2 +1,2 @@
-"use strict";var u=Object.create;var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var t in e)d(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of x(e))!v.call(r,n)&&n!==t&&d(r,n,{get:()=>e[n],enumerable:!(o=f(e,n))||o.enumerable});return r};var a=(r,e,t)=>(t=r!=null?u(w(r)):{},m(e||!r||!r.__esModule?d(t,"default",{value:r,enumerable:!0}):t,r)),B=r=>m(d({},"__esModule",{value:!0}),r);var K={};k(K,{BreakpointCtx:()=>p,BreakpointProvider:()=>y});module.exports=B(K);var s=a(require("react")),c=a(require("../isWindow")),i=require("../css");const p=s.default.createContext("xl"),l=()=>{if((0,c.default)()){const e=window.innerWidth;return e<i.breakpoints.sm?"xs":e>i.breakpoints.xs&&e<i.breakpoints.md?"sm":e>i.breakpoints.sm&&e<i.breakpoints.lg?"md":e>i.breakpoints.md&&e<i.breakpoints.xl?"lg":"xl"}else return"xl"},y=({children:r})=>{const[e,t]=(0,s.useState)(l),o=()=>{let n=l();e!==n&&t(n)};return s.default.useEffect(()=>(window.removeEventListener("resize",o),window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[e]),s.default.createElement(p.Provider,{value:e},r)};
+"use strict";var u=Object.create;var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var t in e)d(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of x(e))!v.call(r,n)&&n!==t&&d(r,n,{get:()=>e[n],enumerable:!(o=f(e,n))||o.enumerable});return r};var a=(r,e,t)=>(t=r!=null?u(w(r)):{},m(e||!r||!r.__esModule?d(t,"default",{value:r,enumerable:!0}):t,r)),B=r=>m(d({},"__esModule",{value:!0}),r);var K={};k(K,{BreakpointCtx:()=>p,BreakpointProvider:()=>y});module.exports=B(K);var s=a(require("react"),1),c=a(require("../isWindow"),1),i=require("../css");const p=s.default.createContext("xl"),l=()=>{if((0,c.default)()){const e=window.innerWidth;return e<i.breakpoints.sm?"xs":e>i.breakpoints.xs&&e<i.breakpoints.md?"sm":e>i.breakpoints.sm&&e<i.breakpoints.lg?"md":e>i.breakpoints.md&&e<i.breakpoints.xl?"lg":"xl"}else return"xl"},y=({children:r})=>{const[e,t]=(0,s.useState)(l),o=()=>{let n=l();e!==n&&t(n)};return s.default.useEffect(()=>(window.removeEventListener("resize",o),window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[e]),s.default.createElement(p.Provider,{value:e},r)};
 //# sourceMappingURL=index.js.map

package/cjs/breakpoint/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/breakpoint/index.tsx"],
-  "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA2C,oBAC3CC,EAAqB,0BACrBC,EAA4B,kBAGrB,MAAML,EAAgB,EAAAM,QAAM,cAA8B,IAAI,EAE/DC,EAAS,IAAsB,CAEjC,MADc,EAAAC,SAAS,EACZ,CACP,MAAMC,EAAQ,OAAO,WACrB,OAAIA,EAAQ,cAAY,GACb,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaR,EAAqB,CAAC,CAAE,SAAAS,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,KAAI,YAAyBL,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,SAAAR,QAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUO,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGR,EAAAL,QAAA,cAACN,EAAc,SAAd,CAAuB,MAAOW,GAC1BD,CACL,CAER",
+  "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\r\nimport isWindow from \"../isWindow\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\r\n\r\nconst getKey = (): BreakpointKeys => {\r\n    const isWin = isWindow()\r\n    if (isWin) {\r\n        const width = window.innerWidth\r\n        if (width < breakpoints.sm) {\r\n            return 'xs'\r\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\r\n            return 'sm'\r\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\r\n            return 'md'\r\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\r\n            return 'lg'\r\n        } else {\r\n            return 'xl'\r\n        }\r\n    } else {\r\n        return 'xl'\r\n    }\r\n}\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\r\n\r\n    const handler = () => {\r\n        let c = getKey()\r\n        if (current !== c) {\r\n            setCurrent(c)\r\n        }\r\n    }\r\n\r\n    React.useEffect(() => {\r\n        window.removeEventListener(\"resize\", handler)\r\n        window.addEventListener(\"resize\", handler)\r\n        handler()\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handler)\r\n        }\r\n    }, [current])\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    )\r\n}\r\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA2C,sBAC3CC,EAAqB,4BACrBC,EAA4B,kBAGrB,MAAML,EAAgB,EAAAM,QAAM,cAA8B,IAAI,EAE/DC,EAAS,IAAsB,CAEjC,MADc,EAAAC,SAAS,EACZ,CACP,MAAMC,EAAQ,OAAO,WACrB,OAAIA,EAAQ,cAAY,GACb,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaR,EAAqB,CAAC,CAAE,SAAAS,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,KAAI,YAAyBL,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,SAAAR,QAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUO,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGR,EAAAL,QAAA,cAACN,EAAc,SAAd,CAAuB,MAAOW,GAC1BD,CACL,CAER",
   "names": ["breakpoint_exports", "__export", "BreakpointCtx", "BreakpointProvider", "__toCommonJS", "import_react", "import_isWindow", "import_css", "React", "getKey", "isWindow", "width", "children", "current", "setCurrent", "handler", "c"]
 }

package/cjs/breakpoint/useBreakpoint.js

@@ -1,2 +1,2 @@
-"use strict";var u=Object.create;var e=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var K=(i,r)=>{for(var o in r)e(i,o,{get:r[o],enumerable:!0})},p=(i,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of B(r))!d.call(i,t)&&t!==o&&e(i,t,{get:()=>r[t],enumerable:!(n=w(r,t))||n.enumerable});return i};var l=(i,r,o)=>(o=i!=null?u(k(i)):{},p(r||!i||!i.__esModule?e(o,"default",{value:i,enumerable:!0}):o,i)),c=i=>p(e({},"__esModule",{value:!0}),i);var x={};K(x,{default:()=>W});module.exports=c(x);var a=require("react"),f=require("."),m=l(require("../isWindow")),s=require("../css");const y=()=>{const i=(0,a.useContext)(f.BreakpointCtx),r=(0,m.default)(),o={value:i,is:n=>i===n,isDown:n=>r?window.innerWidth>s.breakpoints[n]:!1,isUp:n=>r?window.innerWidth<s.breakpoints[n]:!1,isOrDown:n=>o.is(n)||o.isDown(n),isOrUp:n=>o.is(n)||o.isUp(n)};return o};var W=y;
+"use strict";var u=Object.create;var e=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var K=(i,r)=>{for(var o in r)e(i,o,{get:r[o],enumerable:!0})},p=(i,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of B(r))!d.call(i,t)&&t!==o&&e(i,t,{get:()=>r[t],enumerable:!(n=w(r,t))||n.enumerable});return i};var l=(i,r,o)=>(o=i!=null?u(k(i)):{},p(r||!i||!i.__esModule?e(o,"default",{value:i,enumerable:!0}):o,i)),c=i=>p(e({},"__esModule",{value:!0}),i);var x={};K(x,{default:()=>W});module.exports=c(x);var a=require("react"),f=require("."),m=l(require("../isWindow"),1),s=require("../css");const y=()=>{const i=(0,a.useContext)(f.BreakpointCtx),r=(0,m.default)(),o={value:i,is:n=>i===n,isDown:n=>r?window.innerWidth>s.breakpoints[n]:!1,isUp:n=>r?window.innerWidth<s.breakpoints[n]:!1,isOrDown:n=>o.is(n)||o.isDown(n),isOrUp:n=>o.is(n)||o.isUp(n)};return o};var W=y;
 //# sourceMappingURL=useBreakpoint.js.map

package/cjs/breakpoint/useBreakpoint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/breakpoint/useBreakpoint.ts"],
-  "sourcesContent": ["import { useContext } from \"react\"\nimport { BreakpointCtx } from \".\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA2B,iBAC3BC,EAA8B,aAC9BC,EAAqB,0BACrBC,EAA4B,kBAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,KAAM,cAAW,eAAa,EAC9BC,KAAQ,EAAAC,SAAS,EACjB,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAa,cAAYE,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAa,cAAYE,CAAG,EAEtC,GAEV,SAAWA,GAAwB,EAAE,GAAGA,CAAG,GAAK,EAAE,OAAOA,CAAG,EAC5D,OAASA,GAAwB,EAAE,GAAGA,CAAG,GAAK,EAAE,KAAKA,CAAG,CAC3D,EACA,OAAO,CACV,EAEA,IAAOV,EAAQM",
+  "sourcesContent": ["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \".\"\r\nimport isWindow from \"../isWindow\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const val = useContext(BreakpointCtx)\r\n   const isWin = isWindow()\r\n   const o = {\r\n      value: val,\r\n      is: (key: BreakpointKeys) => val === key,\r\n      isDown: (key: BreakpointKeys) => {\r\n         if (isWin) {\r\n            return window.innerWidth > breakpoints[key]\r\n         }\r\n         return false\r\n      },\r\n      isUp: (key: BreakpointKeys) => {\r\n         if (isWin) {\r\n            return window.innerWidth < breakpoints[key]\r\n         }\r\n         return false\r\n      },\r\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\r\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\r\n   }\r\n   return o\r\n}\r\n\r\nexport default useBreakpoint\r\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA2B,iBAC3BC,EAA8B,aAC9BC,EAAqB,4BACrBC,EAA4B,kBAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,KAAM,cAAW,eAAa,EAC9BC,KAAQ,EAAAC,SAAS,EACjB,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAa,cAAYE,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAa,cAAYE,CAAG,EAEtC,GAEV,SAAWA,GAAwB,EAAE,GAAGA,CAAG,GAAK,EAAE,OAAOA,CAAG,EAC5D,OAASA,GAAwB,EAAE,GAAGA,CAAG,GAAK,EAAE,KAAKA,CAAG,CAC3D,EACA,OAAO,CACV,EAEA,IAAOV,EAAQM",
   "names": ["useBreakpoint_exports", "__export", "useBreakpoint_default", "__toCommonJS", "import_react", "import__", "import_isWindow", "import_css", "useBreakpoint", "val", "isWin", "isWindow", "key"]
 }

package/cjs/breakpoint/useBreakpointProps.js

@@ -1,2 +1,2 @@
-"use strict";var y=Object.create;var i=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},l=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of P(t))!x.call(e,r)&&r!==o&&i(e,r,{get:()=>t[r],enumerable:!(s=k(t,r))||s.enumerable});return e};var m=(e,t,o)=>(o=e!=null?y(d(e)):{},l(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),B=e=>l(i({},"__esModule",{value:!0}),e);var _={};c(_,{default:()=>g});module.exports=B(_);var a=m(require("react")),u=m(require("./useBreakpoint"));const b=e=>{const t=(0,u.default)(),o=JSON.stringify(e,(r,n)=>{if(!(r==="_owner"||r==="_store"))return n},2);let s=a.default.useMemo(()=>{const r={xs:{},sm:{},md:{},lg:{},xl:{}};for(let n in e){let p=e[n];if(!(0,a.isValidElement)(p)&&typeof p=="object")for(let f in p)r[f][n]=e[n][f];else r.xs[n]=e[n]}return r},[o,t.value]);return a.default.useMemo(()=>{let r=s.xs||{};for(let n of["sm","md","lg","xl"])if(t.isOrDown(n)&&(r={...r,...s[n]}),t.is(n))break;return r},[s,t.value])};var g=b;
+"use strict";var y=Object.create;var i=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},l=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of P(t))!x.call(e,r)&&r!==o&&i(e,r,{get:()=>t[r],enumerable:!(s=k(t,r))||s.enumerable});return e};var m=(e,t,o)=>(o=e!=null?y(d(e)):{},l(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),B=e=>l(i({},"__esModule",{value:!0}),e);var _={};c(_,{default:()=>g});module.exports=B(_);var a=m(require("react"),1),u=m(require("./useBreakpoint"),1);const b=e=>{const t=(0,u.default)(),o=JSON.stringify(e,(r,n)=>{if(!(r==="_owner"||r==="_store"))return n},2);let s=a.default.useMemo(()=>{const r={xs:{},sm:{},md:{},lg:{},xl:{}};for(let n in e){let p=e[n];if(!(0,a.isValidElement)(p)&&typeof p=="object")for(let f in p)r[f][n]=e[n][f];else r.xs[n]=e[n]}return r},[o,t.value]);return a.default.useMemo(()=>{let r=s.xs||{};for(let n of["sm","md","lg","xl"])if(t.isOrDown(n)&&(r={...r,...s[n]}),t.is(n))break;return r},[s,t.value])};var g=b;
 //# sourceMappingURL=useBreakpointProps.js.map

package/cjs/breakpoint/useBreakpointProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/breakpoint/useBreakpointProps.ts"],
-  "sourcesContent": ["import React, { isValidElement } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n   [key in BreakpointKeys]?: P\n}\n\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,oBACtCC,EAA0B,8BAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,KAAS,EAAAC,SAAc,EACvBC,EAAqB,KAAK,UAAUH,EAAO,CAACI,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAc,EAAAC,QAAM,QAAQ,IAAM,CAEnC,MAAMC,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQT,EAAO,CACrB,IAAIU,EAAOV,EAAcS,CAAI,EAC7B,GAAI,IAAC,kBAAeC,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKT,EAAcS,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKT,EAAcS,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACL,EAAoBF,EAAO,KAAK,CAAC,EAErC,OAAO,EAAAM,QAAM,QAAQ,IAAM,CACxB,IAAIK,EAASN,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIH,EAAO,SAASG,CAAU,IAC3BQ,EAAS,CAAE,GAAGA,EAAQ,GAAGN,EAAOF,CAAG,CAAE,GAEpCH,EAAO,GAAGG,CAAU,EACrB,MAGN,OAAOQ,CACV,EAAG,CAACN,EAAQL,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAON,EAAQI",
+  "sourcesContent": ["import React, { isValidElement } 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 useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\r\n      if (key === '_owner' || key === '_store') {\r\n         return undefined; // Skip circular references\r\n      }\r\n      return value;\r\n   }, 2);\r\n\r\n   let format: any = React.useMemo(() => {\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      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object') {\r\n            for (let breakpoin in val) {\r\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\r\n            }\r\n         } else {\r\n            _format.xs[prop] = (props as any)[prop]\r\n         }\r\n      }\r\n\r\n      return _format\r\n   }, [stringifiedElement, bpoint.value])\r\n\r\n   return React.useMemo(() => {\r\n      let _props = format.xs || {};\r\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n         if (bpoint.isOrDown(key as any)) {\r\n            _props = { ..._props, ...format[key] };\r\n         }\r\n         if (bpoint.is(key as any)) {\r\n            break;\r\n         }\r\n      }\r\n      return _props;\r\n   }, [format, bpoint.value]);\r\n}\r\n\r\n\r\n\r\nexport default useBreakpoinProps"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,sBACtCC,EAA0B,gCAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,KAAS,EAAAC,SAAc,EACvBC,EAAqB,KAAK,UAAUH,EAAO,CAACI,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAc,EAAAC,QAAM,QAAQ,IAAM,CAEnC,MAAMC,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQT,EAAO,CACrB,IAAIU,EAAOV,EAAcS,CAAI,EAC7B,GAAI,IAAC,kBAAeC,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKT,EAAcS,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKT,EAAcS,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACL,EAAoBF,EAAO,KAAK,CAAC,EAErC,OAAO,EAAAM,QAAM,QAAQ,IAAM,CACxB,IAAIK,EAASN,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIH,EAAO,SAASG,CAAU,IAC3BQ,EAAS,CAAE,GAAGA,EAAQ,GAAGN,EAAOF,CAAG,CAAE,GAEpCH,EAAO,GAAGG,CAAU,EACrB,MAGN,OAAOQ,CACV,EAAG,CAACN,EAAQL,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAON,EAAQI",
   "names": ["useBreakpointProps_exports", "__export", "useBreakpointProps_default", "__toCommonJS", "import_react", "import_useBreakpoint", "useBreakpoinProps", "props", "bpoint", "useBreakpoint", "stringifiedElement", "key", "value", "format", "React", "_format", "prop", "val", "breakpoin", "_props"]
 }

package/cjs/css/aliases.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
+  "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"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAGA,MAAMI,EAAQ,CAACC,EAAQC,IAAY,OAAOD,GAAM,SAAWA,EAAIC,EAEzDC,EAAkC,CACrC,QAAUF,IAAO,CAAE,gBAAiBA,CAAE,GACtC,QAAUA,IAAO,CAAE,gBAAiB,OAAOA,CAAC,IAAK,eAAgB,QAAS,iBAAkB,WAAY,GACxG,GAAKA,IAAO,CAAE,WAAYA,CAAE,GAC5B,EAAIA,IAAO,CAAE,QAASD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtC,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC7C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,EAAIA,IAAO,CAAE,OAAQD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACrC,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACzC,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,OAASA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAChD,aAAeA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtD,OAASA,IAAO,CAAE,UAAWA,CAAE,GAC/B,QAAUA,GAAOA,EAAI,CAAE,QAAS,MAAO,EAAI,CAAC,EAC5C,QAAUA,GAAOA,EAAI,CAAE,cAAe,KAAM,EAAI,CAAC,EACjD,WAAaA,GAAOA,EAAI,CAAE,cAAe,QAAS,EAAI,CAAC,EACvD,WAAaA,GAAOA,EAAI,CAAE,SAAU,MAAO,EAAI,CAAC,EAChD,UAAYA,GAAOA,IAAM,OAASA,IAAM,SAAW,CAAE,cAAeA,CAAE,EAAI,CAAE,UAAWA,CAAE,EACzF,IAAMA,IAAO,CAAE,IAAKD,EAAMC,EAAG,EAAIA,CAAC,CAAE,EACvC,EAEA,IAAOH,EAAQK",
   "names": ["aliases_exports", "__export", "aliases_default", "__toCommonJS", "isStr", "v", "or", "aliases"]
 }

package/cjs/css/getProps.js

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var y=(r,t)=>{for(var i in t)s(r,i,{get:t[i],enumerable:!0})},c=(r,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!a.call(r,e)&&e!==i&&s(r,e,{get:()=>t[e],enumerable:!(n=d(t,e))||n.enumerable});return r};var l=r=>c(s({},"__esModule",{value:!0}),r);var p={};y(p,{default:()=>b});module.exports=l(p);const m=(r,t,i)=>{let n;if(typeof t=="string"){const e=t.split("!");n=e[1]?"!important":"",t=e[0]}if(r==="disabled")return t===!0?{pointerEvents:"none!important",cursor:"default!important",userSelect:"none!important",opacity:".8!important"}:{};if(t&&typeof t=="number"&&["border","borderRight","borderLeft","borderTop","borderBottom"].includes(r)){const e=Object.keys(i);let o={[`${r}Width`]:t+"px"+(n||"")};return e.includes(`${r}Color`)||(o[`${r}Color`]="divider"),e.includes(`${r}Style`)||(o[`${r}Style`]="solid"),o}};var b=m;
+"use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(r,t)=>{for(var n in t)s(r,n,{get:t[n],enumerable:!0})},c=(r,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of a(t))!f.call(r,e)&&e!==n&&s(r,e,{get:()=>t[e],enumerable:!(i=d(t,e))||i.enumerable});return r};var l=r=>c(s({},"__esModule",{value:!0}),r);var p={};y(p,{default:()=>b});module.exports=l(p);const m=(r,t,n)=>{let i;if(typeof t=="string"){const e=t.split("!");i=e[1]?"!important":"",t=e[0]}if(r==="disabled")return t===!0?{pointerEvents:"none!important",cursor:"default!important",userSelect:"none!important",opacity:".8!important"}:{};if(t&&typeof t=="number"&&["border","borderRight","borderLeft","borderTop","borderBottom"].includes(r)){const e=Object.keys(n);let o={[`${r}Width`]:t+"px"+(i||"")};return e.includes(`${r}Color`)||(o[`${r}Color`]="divider"),e.includes(`${r}Style`)||(o[`${r}Style`]="solid"),o}};var b=m;
 //# sourceMappingURL=getProps.js.map