@xanui/core 1.1.2 → 1.1.5

package/ServerStyleTags.js

@@ -0,0 +1,3 @@
+'use strict';var React=require('react'),oncss=require('oncss');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);const ServerStyleTags = () => {
+    return Array.from(oncss.CSSFactory.values()).map((c, idx) => React__namespace.createElement("style", { key: c.classname + idx, "data-oncss": c.classname, dangerouslySetInnerHTML: { __html: c.css } }));
+};module.exports=ServerStyleTags;//# sourceMappingURL=ServerStyleTags.js.map

package/ServerStyleTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerStyleTags.js","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"],"names":["CSSFactory","React"],"mappings":"+ZAGM,MAAA,eAAe,GAAG,MAAK;AACzB,IAAA,OAAO,KAAK,CAAC,IAAI,CAACA,gBAAU,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAKC,gBACnD,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,gBACV,CAAC,CAAC,SAAS,EACvB,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,EAAE,EAAA,CAC5C,CAAC;AACP"}

package/ServerStyleTags.mjs

@@ -0,0 +1,3 @@
+import*as React from'react';import {CSSFactory}from'oncss';const ServerStyleTags = () => {
+    return Array.from(CSSFactory.values()).map((c, idx) => React.createElement("style", { key: c.classname + idx, "data-oncss": c.classname, dangerouslySetInnerHTML: { __html: c.css } }));
+};export{ServerStyleTags as default};//# sourceMappingURL=ServerStyleTags.mjs.map

package/ServerStyleTags.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerStyleTags.mjs","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"],"names":[],"mappings":"2DAGM,MAAA,eAAe,GAAG,MAAK;AACzB,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,KACnD,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,gBACV,CAAC,CAAC,SAAS,EACvB,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,EAAE,EAAA,CAC5C,CAAC;AACP"}

package/Tag/cssPropList.js

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

package/Tag/cssPropList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssPropList.js","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"],"names":[],"mappings":"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"}

package/{src/Tag/cssPropList.ts → Tag/cssPropList.mjs}

@@ -1,5 +1,4 @@
-
-const CSS_PROP_LIST: any = {
+const CSS_PROP_LIST = {
     typography: 1,
     bgcolor: 1,
     bgimage: 1,
@@ -26,9 +25,7 @@ const CSS_PROP_LIST: any = {
     flexWraped: 1,
     disabled: 1,
     spacing: 1,
-
     gradient: 1,
-
     // CSS Props
     alignContent: 1,
     alignItems: 1,
@@ -186,6 +183,4 @@ const CSS_PROP_LIST: any = {
     wordSpacing: 1,
     wordWrap: 1,
     zIndex: 1,
-}
-
-export default CSS_PROP_LIST
+};export{CSS_PROP_LIST as default};//# sourceMappingURL=cssPropList.mjs.map

package/Tag/cssPropList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssPropList.mjs","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"],"names":[],"mappings":"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"}

package/Tag/index.js

@@ -0,0 +1,6 @@
+'use strict';var tslib=require('tslib'),React=require('react'),useTagProps=require('./useTagProps.js');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);const Tag = React__namespace.forwardRef((_a, ref) => {
+    var { component, children } = _a, rest = tslib.__rest(_a, ["component", "children"]);
+    const props = useTagProps(rest);
+    props.ref = ref;
+    return React__namespace.createElement(component || "div", props, children);
+});module.exports=Tag;//# sourceMappingURL=index.js.map

package/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["React","__rest"],"mappings":"ucAIM,MAAA,GAAG,GAAGA,gBAAK,CAAC,UAAU,CAAC,CAAqC,EAAiD,EAAE,GAAmB,KAAI;QAA1E,EAAE,SAAS,EAAE,QAAQ,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAAC,YAAA,CAAA,EAAA,EAA9B,yBAAgC,CAAF;AAC5F,IAAA,MAAM,KAAK,GAAQ,WAAW,CAAC,IAAI,CAAC;AACpC,IAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AACf,IAAA,OAAOD,gBAAK,CAAC,aAAa,CAAC,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACnE,CAAC"}

package/Tag/index.mjs

@@ -0,0 +1,6 @@
+import {__rest}from'tslib';import*as React from'react';import useTagProps from'./useTagProps.mjs';const Tag = React.forwardRef((_a, ref) => {
+    var { component, children } = _a, rest = __rest(_a, ["component", "children"]);
+    const props = useTagProps(rest);
+    props.ref = ref;
+    return React.createElement(component || "div", props, children);
+});export{Tag as default};//# sourceMappingURL=index.mjs.map

package/Tag/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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"],"names":[],"mappings":"kGAIM,MAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAiD,EAAE,GAAmB,KAAI;QAA1E,EAAE,SAAS,EAAE,QAAQ,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA9B,yBAAgC,CAAF;AAC5F,IAAA,MAAM,KAAK,GAAQ,WAAW,CAAC,IAAI,CAAC;AACpC,IAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AACf,IAAA,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACnE,CAAC"}

package/Tag/useTagProps.js

@@ -0,0 +1,21 @@
+'use strict';var tslib=require('tslib'),cssPropList=require('./cssPropList.js'),index=require('../css/index.js'),prettyClass=require('pretty-class');const useTagProps = (_a) => {
+    var { sxr, sx, baseClass, classNames: clses, hover } = _a, props = tslib.__rest(_a, ["sxr", "sx", "baseClass", "classNames", "hover"]);
+    let _css = Object.assign(Object.assign(Object.assign({}, sxr), sx), props);
+    if (hover)
+        _css['&:hover'] = hover;
+    const style = index.css(_css, {
+        skipProps: (prop, _val, dept) => dept === 1 && !cssPropList[prop]
+    });
+    let skipProps = style.skiped[style.classname] || [];
+    const _props = {};
+    for (let prop of skipProps) {
+        _props[prop] = props[prop];
+    }
+    _props.className = prettyClass.classNames([
+        baseClass ? "xui-" + baseClass : "",
+        style.classname,
+        props.className,
+        ...(clses || []),
+    ]);
+    return _props;
+};module.exports=useTagProps;//# sourceMappingURL=useTagProps.js.map

package/Tag/useTagProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagProps.js","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"],"names":["__rest","css","classNames"],"mappings":"qJAKA,MAAM,WAAW,GAAG,CAAqC,EAA2E,KAAiB;AAA5F,IAAA,IAAA,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAA6B,GAAA,EAAA,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAAxD,iDAA0D,CAAF;IAC9G,IAAI,IAAI,iDAAa,GAAG,CAAA,EAAK,EAAE,CAAK,EAAA,KAAK,CAAE;AAC3C,IAAA,IAAI,KAAK;AAAE,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK;AAClC,IAAA,MAAM,KAAK,GAAGC,SAAG,CAAC,IAAI,EAAE;AACrB,QAAA,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,KAAU,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI;AACvE,KAAA,CAAC;AAEF,IAAA,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAgB,CAAC,IAAI,EAAE;IAC1D,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,SAAS,EAAE;QACzB,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;AACrC;AACD,IAAA,MAAM,CAAC,SAAS,GAAGC,sBAAU,CAAC;QAC3B,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE;AACnC,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,IAAI,KAAY,IAAI,EAAE,CAAC;AACzB,KAAA,CAAC;AACF,IAAA,OAAO,MAAM;AAChB"}

package/Tag/useTagProps.mjs

@@ -0,0 +1,21 @@
+import {__rest}from'tslib';import CSS_PROP_LIST from'./cssPropList.mjs';import {css}from'../css/index.mjs';import {classNames}from'pretty-class';const useTagProps = (_a) => {
+    var { sxr, sx, baseClass, classNames: clses, hover } = _a, props = __rest(_a, ["sxr", "sx", "baseClass", "classNames", "hover"]);
+    let _css = Object.assign(Object.assign(Object.assign({}, sxr), sx), props);
+    if (hover)
+        _css['&:hover'] = hover;
+    const style = css(_css, {
+        skipProps: (prop, _val, dept) => dept === 1 && !CSS_PROP_LIST[prop]
+    });
+    let skipProps = style.skiped[style.classname] || [];
+    const _props = {};
+    for (let prop of skipProps) {
+        _props[prop] = props[prop];
+    }
+    _props.className = classNames([
+        baseClass ? "xui-" + baseClass : "",
+        style.classname,
+        props.className,
+        ...(clses || []),
+    ]);
+    return _props;
+};export{useTagProps as default};//# sourceMappingURL=useTagProps.mjs.map

package/Tag/useTagProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagProps.mjs","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"],"names":["cssPropList"],"mappings":"iJAKA,MAAM,WAAW,GAAG,CAAqC,EAA2E,KAAiB;AAA5F,IAAA,IAAA,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAA6B,GAAA,EAAA,EAAxB,KAAK,GAAA,MAAA,CAAA,EAAA,EAAxD,iDAA0D,CAAF;IAC9G,IAAI,IAAI,iDAAa,GAAG,CAAA,EAAK,EAAE,CAAK,EAAA,KAAK,CAAE;AAC3C,IAAA,IAAI,KAAK;AAAE,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK;AAClC,IAAA,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE;AACrB,QAAA,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,KAAU,IAAI,KAAK,CAAC,IAAI,CAACA,aAAW,CAAC,IAAI;AACvE,KAAA,CAAC;AAEF,IAAA,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAgB,CAAC,IAAI,EAAE;IAC1D,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,SAAS,EAAE;QACzB,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;AACrC;AACD,IAAA,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE;AACnC,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,IAAI,KAAY,IAAI,EAAE,CAAC;AACzB,KAAA,CAAC;AACF,IAAA,OAAO,MAAM;AAChB"}

package/Transition/index.js

@@ -0,0 +1,93 @@
+'use strict';var tslib=require('tslib'),React=require('react'),index$1=require('../Tag/index.js'),useAnimation=require('../useAnimation.js'),index=require('../css/index.js'),oncss=require('oncss'),variants=require('./variants.js');const Transition = (_a) => {
+    var { children, open } = _a, props = tslib.__rest(_a, ["children", "open"]);
+    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props;
+    let _ease = ease || useAnimation.animationEases[easing] || useAnimation.animationEases.easeBounceOut;
+    disableInitialTransition !== null && disableInitialTransition !== void 0 ? disableInitialTransition : (disableInitialTransition = false);
+    duration !== null && duration !== void 0 ? duration : (duration = 400);
+    variant !== null && variant !== void 0 ? variant : (variant = "fade");
+    const id = React.useId().replace(/:/g, "");
+    const [rendered, setRendered] = React.useState(false);
+    const [initial, setInitial] = React.useState(false);
+    const [transitionState, setTransitionState] = React.useState(open ? (disableInitialTransition ? "opened" : "open") : "closed");
+    const [element, setElement] = React.useState({
+        height: 0,
+        width: 0,
+        rect: null
+    });
+    if (typeof variant === 'string') {
+        variant = variants[variant](element);
+    }
+    let from = variant.from;
+    let to = variant.to;
+    const [_css, setCss] = React.useState(open ? to : from);
+    React.useEffect(() => {
+        const ele = document.querySelector(`.trans-${id}`);
+        if (ele) {
+            setRendered(true);
+            setElement({
+                height: ele.clientHeight,
+                width: ele.clientWidth,
+                rect: ele.getBoundingClientRect()
+            });
+            if (!disableInitialTransition && open) {
+                setCss(from);
+            }
+        }
+    }, []);
+    React.useEffect(() => {
+        const ele = document.querySelector(`.trans-${id}`);
+        if (rendered && ele) {
+            let stimer = null;
+            let etimer = null;
+            ele.ontransitionstart = () => {
+                clearTimeout(stimer);
+                stimer = setTimeout(() => {
+                    const isOpen = Array.from(ele.classList).includes("trans-open");
+                    (onOpen && isOpen) && onOpen();
+                    (onClose && !isOpen) && onClose();
+                    onState && onState(isOpen ? "open" : "close");
+                    setTransitionState(isOpen ? "open" : "close");
+                }, 1);
+            };
+            ele.ontransitionend = () => {
+                clearTimeout(etimer);
+                etimer = setTimeout(() => {
+                    const isOpen = Array.from(ele.classList).includes("trans-open");
+                    (onOpened && isOpen) && onOpened();
+                    (onClosed && !isOpen) && onClosed();
+                    onState && onState(isOpen ? "opened" : "closed");
+                    setTransitionState(isOpen ? "opened" : "closed");
+                }, 1);
+            };
+        }
+    }, [rendered]);
+    React.useEffect(() => {
+        if (rendered) {
+            if (!initial) {
+                setInitial(true);
+                setTimeout(() => {
+                    setCss(open ? to : from);
+                }, 50);
+            }
+            else {
+                setCss(open ? to : from);
+            }
+        }
+    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)]);
+    let _ = {};
+    if (rendered) {
+        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`;
+        _ = Object.assign(Object.assign({}, _css), { transition: Object.keys(_css || {}).map(k => oncss.formatCSSProp(k)).join(trans + ", ") + trans });
+    }
+    const cls = index.css(_);
+    if (!children || Array.isArray(children))
+        throw new Error("Invalid children in Transition");
+    const first = React.Children.toArray(children).shift();
+    let classname = `${cls.classname} trans-${id} trans-${(open ? "open" : "close")} trans-state-${transitionState}`;
+    const child = React.cloneElement(first, { classNames: [classname] });
+    if (rendered)
+        return child;
+    if (!rendered && disableInitialTransition && open)
+        return child;
+    return (React.createElement(index$1, { height: 0, overflow: "hidden" }, child));
+};module.exports=Transition;//# sourceMappingURL=index.js.map

package/Transition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["import 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"],"names":["__rest","animationEases","useId","useState","useEffect","formatCSSProp","css","Children","cloneElement","Tag"],"mappings":"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"}

package/Transition/index.mjs

@@ -0,0 +1,93 @@
+import {__rest}from'tslib';import React__default,{useId,useState,useEffect,Children,cloneElement}from'react';import Tag from'../Tag/index.mjs';import {animationEases}from'../useAnimation.mjs';import {css}from'../css/index.mjs';import {formatCSSProp}from'oncss';import*as variants from'./variants.mjs';const Transition = (_a) => {
+    var { children, open } = _a, props = __rest(_a, ["children", "open"]);
+    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props;
+    let _ease = ease || animationEases[easing] || animationEases.easeBounceOut;
+    disableInitialTransition !== null && disableInitialTransition !== void 0 ? disableInitialTransition : (disableInitialTransition = false);
+    duration !== null && duration !== void 0 ? duration : (duration = 400);
+    variant !== null && variant !== void 0 ? variant : (variant = "fade");
+    const id = useId().replace(/:/g, "");
+    const [rendered, setRendered] = useState(false);
+    const [initial, setInitial] = useState(false);
+    const [transitionState, setTransitionState] = useState(open ? (disableInitialTransition ? "opened" : "open") : "closed");
+    const [element, setElement] = useState({
+        height: 0,
+        width: 0,
+        rect: null
+    });
+    if (typeof variant === 'string') {
+        variant = variants[variant](element);
+    }
+    let from = variant.from;
+    let to = variant.to;
+    const [_css, setCss] = useState(open ? to : from);
+    useEffect(() => {
+        const ele = document.querySelector(`.trans-${id}`);
+        if (ele) {
+            setRendered(true);
+            setElement({
+                height: ele.clientHeight,
+                width: ele.clientWidth,
+                rect: ele.getBoundingClientRect()
+            });
+            if (!disableInitialTransition && open) {
+                setCss(from);
+            }
+        }
+    }, []);
+    useEffect(() => {
+        const ele = document.querySelector(`.trans-${id}`);
+        if (rendered && ele) {
+            let stimer = null;
+            let etimer = null;
+            ele.ontransitionstart = () => {
+                clearTimeout(stimer);
+                stimer = setTimeout(() => {
+                    const isOpen = Array.from(ele.classList).includes("trans-open");
+                    (onOpen && isOpen) && onOpen();
+                    (onClose && !isOpen) && onClose();
+                    onState && onState(isOpen ? "open" : "close");
+                    setTransitionState(isOpen ? "open" : "close");
+                }, 1);
+            };
+            ele.ontransitionend = () => {
+                clearTimeout(etimer);
+                etimer = setTimeout(() => {
+                    const isOpen = Array.from(ele.classList).includes("trans-open");
+                    (onOpened && isOpen) && onOpened();
+                    (onClosed && !isOpen) && onClosed();
+                    onState && onState(isOpen ? "opened" : "closed");
+                    setTransitionState(isOpen ? "opened" : "closed");
+                }, 1);
+            };
+        }
+    }, [rendered]);
+    useEffect(() => {
+        if (rendered) {
+            if (!initial) {
+                setInitial(true);
+                setTimeout(() => {
+                    setCss(open ? to : from);
+                }, 50);
+            }
+            else {
+                setCss(open ? to : from);
+            }
+        }
+    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)]);
+    let _ = {};
+    if (rendered) {
+        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`;
+        _ = Object.assign(Object.assign({}, _css), { transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + ", ") + trans });
+    }
+    const cls = css(_);
+    if (!children || Array.isArray(children))
+        throw new Error("Invalid children in Transition");
+    const first = Children.toArray(children).shift();
+    let classname = `${cls.classname} trans-${id} trans-${(open ? "open" : "close")} trans-state-${transitionState}`;
+    const child = cloneElement(first, { classNames: [classname] });
+    if (rendered)
+        return child;
+    if (!rendered && disableInitialTransition && open)
+        return child;
+    return (React__default.createElement(Tag, { height: 0, overflow: "hidden" }, child));
+};export{Transition as default};//# sourceMappingURL=index.mjs.map

package/Transition/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["import 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"],"names":["React"],"mappings":"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"}