@xanui/core 1.0.10 → 1.0.12

package/Tag/cssPropList.js

@@ -1,190 +0,0 @@
-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,
-  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
-};
-var cssPropList_default = CSS_PROP_LIST;
-export {
-  cssPropList_default as default
-};
-//# sourceMappingURL=cssPropList.js.map

package/Tag/cssPropList.js.map

@@ -1,7 +0,0 @@
-{
-  "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    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"],
-  "mappings": "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",
-  "names": []
-}

package/Tag/index.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import useTagProps from "./useTagProps";
-const Tag = React.forwardRef(({ component, children, ...rest }, ref) => {
-  const props = useTagProps(rest);
-  props.ref = ref;
-  return React.createElement(component || "div", props, children);
-});
-var Tag_default = Tag;
-export {
-  Tag_default as default
-};
-//# sourceMappingURL=index.js.map

package/Tag/useTagProps.js

@@ -1,27 +0,0 @@
-import cssPropList from "./cssPropList";
-import { css } from "../css";
-import { classNames } from "pretty-class";
-const useTagProps = ({ sxr, sx, baseClass, classNames: clses, hover, ...props }) => {
-  let _css = { ...sxr, ...sx, ...props };
-  if (hover) _css["&:hover"] = hover;
-  const style = 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 = classNames([
-    baseClass ? "xui-" + baseClass : "",
-    style.classname,
-    props.className,
-    ...clses || []
-  ]);
-  return _props;
-};
-var useTagProps_default = useTagProps;
-export {
-  useTagProps_default as default
-};
-//# sourceMappingURL=useTagProps.js.map

package/Transition/index.js

@@ -1,110 +0,0 @@
-"use client";
-import React, { cloneElement, Children, useState, useEffect, useId } from "react";
-import Tag from "../Tag";
-import { animationEases } from "../useAnimation";
-import { css } from "../css";
-import { formatCSSProp } from "oncss";
-import * as variants from "./variants";
-const Transition = ({ children, open, ...props }) => {
-  let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props;
-  let _ease = ease || animationEases[easing] || animationEases.easeBounceOut;
-  disableInitialTransition ??= false;
-  duration ??= 400;
-  variant ??= "fade";
-  const id = useId().replaceAll(":", "");
-  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`;
-    _ = {
-      ..._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 /* @__PURE__ */ React.createElement(
-    Tag,
-    {
-      height: 0,
-      overflow: "hidden"
-    },
-    child
-  );
-};
-var Transition_default = Transition;
-export {
-  Transition_default as default
-};
-//# sourceMappingURL=index.js.map

package/Transition/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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().replaceAll(\":\", \"\")\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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",
-  "names": []
-}

package/Transition/variants.js

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

package/breakpoint/index.js

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

package/breakpoint/useBreakpoint.js

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

package/breakpoint/useBreakpointProps.js

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