@animus-ui/system 0.1.0-next.1

package/dist/groups/index.js

@@ -0,0 +1,474 @@
+import { a as borderShorthand, i as gridItemRatio, n as size, r as gridItem, s as createScale } from "../size-Dge_rsuz.js";
+//#region src/groups/index.ts
+const color = {
+	color: {
+		property: "color",
+		scale: "colors"
+	},
+	bg: {
+		property: "backgroundColor",
+		scale: "colors"
+	},
+	gradient: {
+		property: "backgroundImage",
+		scale: "gradients"
+	},
+	borderColor: {
+		property: "borderColor",
+		scale: "colors"
+	},
+	borderColorX: {
+		property: "borderColor",
+		properties: ["borderLeftColor", "borderRightColor"],
+		scale: "colors"
+	},
+	borderColorY: {
+		property: "borderColor",
+		properties: ["borderTopColor", "borderBottomColor"],
+		scale: "colors"
+	},
+	borderColorLeft: {
+		property: "borderLeftColor",
+		scale: "colors"
+	},
+	borderColorRight: {
+		property: "borderRightColor",
+		scale: "colors"
+	},
+	borderColorTop: {
+		property: "borderTopColor",
+		scale: "colors"
+	},
+	borderColorBottom: {
+		property: "borderBottomColor",
+		scale: "colors"
+	},
+	fill: {
+		property: "fill",
+		scale: "colors"
+	},
+	stroke: {
+		property: "stroke",
+		scale: "colors"
+	}
+};
+const border = {
+	border: {
+		property: "border",
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderX: {
+		property: "border",
+		properties: ["borderLeft", "borderRight"],
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderY: {
+		property: "border",
+		properties: ["borderTop", "borderBottom"],
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderTop: {
+		property: "borderTop",
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderRight: {
+		property: "borderRight",
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderBottom: {
+		property: "borderBottom",
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderLeft: {
+		property: "borderLeft",
+		scale: "borders",
+		transform: borderShorthand
+	},
+	borderWidth: {
+		property: "borderWidth",
+		scale: "borderWidths"
+	},
+	borderWidthX: {
+		property: "borderWidth",
+		properties: ["borderLeftWidth", "borderRightWidth"],
+		scale: "borderWidths"
+	},
+	borderWidthY: {
+		property: "borderWidth",
+		properties: ["borderTopWidth", "borderBottomWidth"],
+		scale: "borderWidths"
+	},
+	borderWidthLeft: {
+		property: "borderLeftWidth",
+		scale: "borderWidths"
+	},
+	borderWidthRight: {
+		property: "borderRightWidth",
+		scale: "borderWidths"
+	},
+	borderWidthTop: {
+		property: "borderTopWidth",
+		scale: "borderWidths"
+	},
+	borderWidthBottom: {
+		property: "borderBottomWidth",
+		scale: "borderWidths"
+	},
+	borderRadius: {
+		property: "borderRadius",
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusLeft: {
+		property: "borderRadius",
+		properties: ["borderTopLeftRadius", "borderBottomLeftRadius"],
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusTop: {
+		property: "borderRadius",
+		properties: ["borderTopLeftRadius", "borderTopRightRadius"],
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusBottom: {
+		property: "borderRadius",
+		properties: ["borderBottomLeftRadius", "borderBottomRightRadius"],
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusRight: {
+		property: "borderRadius",
+		properties: ["borderTopRightRadius", "borderBottomRightRadius"],
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusTopLeft: {
+		property: "borderTopLeftRadius",
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusTopRight: {
+		property: "borderTopRightRadius",
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusBottomRight: {
+		property: "borderBottomRightRadius",
+		scale: "radii",
+		transform: size
+	},
+	borderRadiusBottomLeft: {
+		property: "borderBottomLeftRadius",
+		scale: "radii",
+		transform: size
+	},
+	borderStyle: { property: "borderStyle" },
+	borderStyleX: {
+		property: "borderStyle",
+		properties: ["borderLeftStyle", "borderRightStyle"]
+	},
+	borderStyleY: {
+		property: "borderStyle",
+		properties: ["borderTopStyle", "borderBottomStyle"]
+	},
+	borderStyleLeft: { property: "borderLeftStyle" },
+	borderStyleRight: { property: "borderRightStyle" },
+	borderStyleTop: { property: "borderTopStyle" },
+	borderStyleBottom: { property: "borderBottomStyle" }
+};
+const gaps = {
+	gap: {
+		property: "gap",
+		scale: "space"
+	},
+	rowGap: {
+		property: "rowGap",
+		scale: "space"
+	},
+	columnGap: {
+		property: "columnGap",
+		scale: "space"
+	}
+};
+const selfAlignments = {
+	justifySelf: { property: "justifySelf" },
+	alignSelf: { property: "alignSelf" },
+	gridArea: { property: "gridArea" },
+	area: { property: "gridArea" }
+};
+const alignments = {
+	justifyContent: { property: "justifyContent" },
+	justifyItems: { property: "justifyItems" },
+	alignItems: { property: "alignItems" },
+	alignContent: { property: "alignContent" },
+	...selfAlignments
+};
+const flexItems = {
+	flexBasis: { property: "flexBasis" },
+	flexShrink: { property: "flexShrink" },
+	flexGrow: { property: "flexGrow" },
+	order: { property: "order" }
+};
+const flex = {
+	flexDirection: { property: "flexDirection" },
+	flexWrap: { property: "flexWrap" },
+	flex: { property: "flex" },
+	...alignments,
+	...flexItems,
+	...gaps
+};
+const gridItems = {
+	gridColumn: { property: "gridColumn" },
+	gridRow: { property: "gridRow" },
+	gridColumnStart: { property: "gridColumnStart" },
+	gridRowStart: { property: "gridRowStart" },
+	gridColumnEnd: { property: "gridColumnEnd" },
+	gridRowEnd: { property: "gridRowEnd" }
+};
+const grid = {
+	gridAutoColumns: { property: "gridAutoColumns" },
+	gridAutoRows: { property: "gridAutoRows" },
+	gridTemplateColumns: { property: "gridTemplateColumns" },
+	gridTemplateRows: { property: "gridTemplateRows" },
+	gridTemplateAreas: { property: "gridTemplateAreas" },
+	gridAutoFlow: { property: "gridAutoFlow" },
+	flow: {
+		property: "gridAutoFlow",
+		scale: createScale()
+	},
+	cols: {
+		property: "gridTemplateColumns",
+		transform: gridItemRatio,
+		scale: createScale()
+	},
+	rows: {
+		property: "gridTemplateRows",
+		transform: gridItemRatio,
+		scale: createScale()
+	},
+	autoRows: {
+		property: "gridAutoRows",
+		transform: gridItem
+	},
+	autoCols: {
+		property: "gridAutoColumns",
+		transform: gridItem
+	},
+	alignAll: {
+		property: "justifyContent",
+		properties: ["justifyContent", "alignItems"]
+	},
+	...alignments,
+	...gridItems,
+	...gaps
+};
+const background = {
+	background: { property: "background" },
+	backgroundImage: { property: "backgroundImage" },
+	backgroundSize: { property: "backgroundSize" },
+	backgroundRepeat: { property: "backgroundRepeat" },
+	backgroundPosition: { property: "backgroundPosition" }
+};
+const positioning = {
+	position: { property: "position" },
+	inset: {
+		property: "inset",
+		properties: [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		],
+		transform: size
+	},
+	top: {
+		property: "top",
+		transform: size
+	},
+	right: {
+		property: "right",
+		transform: size
+	},
+	bottom: {
+		property: "bottom",
+		transform: size
+	},
+	left: {
+		property: "left",
+		transform: size
+	},
+	zIndex: {
+		property: "zIndex",
+		scale: "zIndices"
+	},
+	opacity: {
+		property: "opacity",
+		scale: "opacities"
+	}
+};
+const shadows = {
+	boxShadow: {
+		property: "boxShadow",
+		scale: "shadows"
+	},
+	textShadow: {
+		property: "textShadow",
+		scale: "shadows"
+	}
+};
+const layout = {
+	display: { property: "display" },
+	overflow: { property: "overflow" },
+	overflowX: { property: "overflowX" },
+	overflowY: { property: "overflowY" },
+	size: {
+		property: "width",
+		properties: ["width", "height"],
+		transform: size
+	},
+	width: {
+		property: "width",
+		transform: size
+	},
+	minWidth: {
+		property: "minWidth",
+		transform: size
+	},
+	maxWidth: {
+		property: "maxWidth",
+		transform: size
+	},
+	height: {
+		property: "height",
+		transform: size
+	},
+	minHeight: {
+		property: "minHeight",
+		transform: size
+	},
+	maxHeight: {
+		property: "maxHeight",
+		transform: size
+	},
+	verticalAlign: { property: "verticalAlign" },
+	...selfAlignments,
+	...gridItems,
+	...flexItems
+};
+const typography = {
+	fontFamily: {
+		property: "fontFamily",
+		scale: "fonts"
+	},
+	fontWeight: {
+		property: "fontWeight",
+		scale: "fontWeights"
+	},
+	lineHeight: {
+		property: "lineHeight",
+		scale: "lineHeights"
+	},
+	fontSize: {
+		property: "fontSize",
+		scale: "fontSizes"
+	},
+	letterSpacing: {
+		property: "letterSpacing",
+		scale: "letterSpacings"
+	},
+	textAlign: { property: "textAlign" },
+	fontStyle: { property: "fontStyle" },
+	textDecoration: { property: "textDecoration" },
+	textTransform: { property: "textTransform" },
+	whiteSpace: { property: "whiteSpace" }
+};
+const margin = {
+	m: {
+		property: "margin",
+		scale: "space"
+	},
+	mx: {
+		property: "margin",
+		properties: ["marginLeft", "marginRight"],
+		scale: "space"
+	},
+	my: {
+		property: "margin",
+		properties: ["marginTop", "marginBottom"],
+		scale: "space"
+	},
+	mt: {
+		property: "marginTop",
+		scale: "space"
+	},
+	mb: {
+		property: "marginBottom",
+		scale: "space"
+	},
+	mr: {
+		property: "marginRight",
+		scale: "space"
+	},
+	ml: {
+		property: "marginLeft",
+		scale: "space"
+	}
+};
+const padding = {
+	p: {
+		property: "padding",
+		scale: "space"
+	},
+	px: {
+		property: "padding",
+		properties: ["paddingLeft", "paddingRight"],
+		scale: "space"
+	},
+	py: {
+		property: "padding",
+		properties: ["paddingTop", "paddingBottom"],
+		scale: "space"
+	},
+	pt: {
+		property: "paddingTop",
+		scale: "space"
+	},
+	pb: {
+		property: "paddingBottom",
+		scale: "space"
+	},
+	pr: {
+		property: "paddingRight",
+		scale: "space"
+	},
+	pl: {
+		property: "paddingLeft",
+		scale: "space"
+	}
+};
+const space = {
+	...margin,
+	...padding
+};
+const transitions = {
+	transition: {
+		property: "transition",
+		scale: "transitions"
+	},
+	animation: { property: "animation" },
+	animationPlayState: { property: "animationPlayState" }
+};
+const mode = { mode: {
+	property: "none",
+	scale: "mode"
+} };
+const vars = { vars: { property: "variables" } };
+//#endregion
+export { background, border, color, flex, grid, layout, mode, positioning, shadows, space, transitions, typography, vars };

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { Animus, AnimusWithAll } from './Animus';
+export { AnimusExtended, AnimusExtendedWithAll } from './AnimusExtended';
+export { PropertyBuilder } from './PropertyBuilder';
+export type { SerializedConfig, SystemInstance } from './SystemBuilder';
+export { createSystem, SystemBuilder } from './SystemBuilder';
+export { createScale, numericOrStringScale, numericScale, stringScale, } from './scales/createScale';
+export { borderShorthand } from './transforms/border';
+export { createTransform, type NamedTransform, type TransformFn, } from './transforms/createTransform';
+export { gridItem, gridItemRatio } from './transforms/grid';
+export { percentageOrAbsolute, size } from './transforms/size';
+export type { AnimusComponent, AnimusWrappedComponent, } from './types/component';
+export type { AbstractParser, CSSPropMap, CSSProps, Parser, ParserProps, Prop, PropertyValues, Scale, ScaleValue, SystemProps, ThemedCSSPropMap, ThemedCSSProps, ThemedScale, ThemedScaleValue, VariantConfig, } from './types/config';
+export type { AbstractProps, MediaQueryArray, MediaQueryMap, ResponsiveProp, ThemeProps, } from './types/props';
+export type { ArrayScale, MapScale } from './types/scales';
+export type { CSSObject, NarrowPrimitive } from './types/shared';
+export type { BaseTheme, Breakpoints, Theme, TokenScales } from './types/theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,YAAY,EACZ,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EACL,eAAe,EACf,KAAK,cAAc,EACnB,KAAK,WAAW,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE/D,YAAY,EACV,eAAe,EACf,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,cAAc,EACd,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,cAAc,EACd,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}