@xanui/core 1.0.0

package/ServerStyleTags.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ServerStyleTags: () => React.JSX.Element[];
+export default ServerStyleTags;

package/ServerStyleTags.js

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

package/ServerStyleTags.js.map

@@ -0,0 +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": "AAAA,YAAY,WAAW;AACvB,SAAS,kBAAkB;AAE3B,MAAM,kBAAkB,MAAM;AAC1B,SAAO,MAAM,KAAK,WAAW,OAAO,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ;AAAA,IAAC;AAAA;AAAA,MACpD,KAAK,EAAE,YAAY;AAAA,MACnB,cAAY,EAAE;AAAA,MACd,yBAAyB,EAAE,QAAQ,EAAE,IAAI;AAAA;AAAA,EAC7C,CAAE;AACN;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/Tag/cssPropList.d.ts

@@ -0,0 +1,2 @@
+declare const CSS_PROP_LIST: any;
+export default CSS_PROP_LIST;

package/Tag/cssPropList.js

@@ -0,0 +1,190 @@
+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

@@ -0,0 +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    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.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { TagComponentType, TagPropsRoot } from './types';
+declare const Tag: <T extends TagComponentType = "div">(props: TagPropsRoot<T> & {
+    ref?: React.Ref<any>;
+}) => React.ReactElement;
+export default Tag;

package/Tag/index.js

@@ -0,0 +1,12 @@
+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/index.js.map

@@ -0,0 +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}) as <T extends TagComponentType = 'div'>(props: TagPropsRoot<T> & { ref?: React.Ref<any> }) => React.ReactElement;\n\nexport default Tag"],
+  "mappings": "AAAA,YAAY,WAAW;AAEvB,OAAO,iBAAiB;AAExB,MAAM,MAAM,MAAM,WAAW,CAAqC,EAAE,WAAW,UAAU,GAAG,KAAK,GAAoB,QAAwB;AACzI,QAAM,QAAa,YAAY,IAAI;AACnC,QAAM,MAAM;AACZ,SAAO,MAAM,cAAc,aAAa,OAAO,OAAO,QAAQ;AAClE,CAAC;AAED,IAAO,cAAQ;",
+  "names": []
+}

package/Tag/types.d.ts

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

package/Tag/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/Tag/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/Tag/useTagProps.d.ts

@@ -0,0 +1,3 @@
+import { TagComponentType, TagProps, TagPropsRoot } from './types';
+declare const useTagProps: <T extends TagComponentType = "div">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>) => TagProps<T>;
+export default useTagProps;

package/Tag/useTagProps.js

@@ -0,0 +1,27 @@
+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) => !cssPropList[prop]
+  });
+  let skipProps = style.skiped[style.classname] || [];
+  const _props = {};
+  for (let prop of skipProps) {
+    _props[prop] = props[prop];
+  }
+  _props.className = classNames([
+    baseClass ? "nui-" + baseClass : "",
+    style.classname,
+    props.className,
+    ...clses || []
+  ]);
+  return _props;
+};
+var useTagProps_default = useTagProps;
+export {
+  useTagProps_default as default
+};
+//# sourceMappingURL=useTagProps.js.map

package/Tag/useTagProps.js.map

@@ -0,0 +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): any => !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 ? \"nui-\" + baseClass : \"\",\n      style.classname,\n      props.className,\n      ...(clses as any || []),\n   ])\n   return _props\n}\n\n\nexport default useTagProps"],
+  "mappings": "AACA,OAAO,iBAAiB;AACxB,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAE3B,MAAM,cAAc,CAAqC,EAAE,KAAK,IAAI,WAAW,YAAY,OAAO,OAAO,GAAG,MAAM,MAAoC;AACnJ,MAAI,OAAY,EAAE,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM;AAC1C,MAAI,MAAO,MAAK,SAAS,IAAI;AAC7B,QAAM,QAAQ,IAAI,MAAM;AAAA,IACrB,WAAW,CAAC,SAAc,CAAC,YAAY,IAAI;AAAA,EAC9C,CAAC;AAED,MAAI,YAAY,MAAM,OAAO,MAAM,SAAgB,KAAK,CAAC;AACzD,QAAM,SAAc,CAAC;AACrB,WAAS,QAAQ,WAAW;AACzB,WAAO,IAAI,IAAK,MAAc,IAAI;AAAA,EACrC;AACA,SAAO,YAAY,WAAW;AAAA,IAC3B,YAAY,SAAS,YAAY;AAAA,IACjC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,GAAI,SAAgB,CAAC;AAAA,EACxB,CAAC;AACD,SAAO;AACV;AAGA,IAAO,sBAAQ;",
+  "names": []
+}

package/Transition/index.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactElement } from 'react';
+import { animationEases } from '../useAnimation';
+import { CSSProps } from '../css/types';
+import * as variants from './variants';
+export type TransitionVariantTypes = keyof typeof variants;
+export type TransitionElementProps = {
+    height: number;
+    width: number;
+    rect: DOMRect | null;
+};
+export type TransitionState = "open" | "opened" | "close" | "closed";
+export type TransitionProps = {
+    children: ReactElement;
+    open: boolean;
+    variant: {
+        from: CSSProps;
+        to: CSSProps;
+    } | TransitionVariantTypes;
+    ease?: string;
+    easing?: keyof typeof animationEases;
+    duration?: number;
+    delay?: number;
+    disableInitialTransition?: boolean;
+    onOpen?: () => void;
+    onOpened?: () => void;
+    onClose?: () => void;
+    onClosed?: () => void;
+    onState?: (state: TransitionState) => void;
+};
+declare const Transition: ({ children, open, ...props }: TransitionProps) => React.JSX.Element;
+export default Transition;

package/Transition/index.js

@@ -0,0 +1,101 @@
+"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 [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) {
+      setCss(open ? to : from);
+    }
+  }, [rendered, open]);
+  let _ = {};
+  if (rendered) {
+    let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`;
+    _ = {
+      transition: Object.keys(_css || {}).map((k) => formatCSSProp(k)).join(trans + ", ") + trans,
+      ..._css
+    };
+  }
+  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, { className: classname });
+  if (rendered) 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

@@ -0,0 +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().replaceAll(\":\", \"\")\n    const [rendered, setRendered] = 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    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            setCss(open ? to : from)\n        }\n    }, [rendered, open])\n\n    let _: any = {}\n    if (rendered) {\n        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\n        _ = {\n            transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\n            ..._css\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, { className: classname })\n    if (rendered) 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": []
+}