@soroush.tech/styled-system 5.1.6

package/dist/index.d.mts

@@ -0,0 +1,281 @@
+import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-D8EyRZ5p.mjs";
+import { t as background } from "./index-9ZhIewzy.mjs";
+import { t as border } from "./index-Bx7IxKu-.mjs";
+import { t as color } from "./index-D3t1Lyte.mjs";
+import { t as flexbox } from "./index-CX2jWEGJ.mjs";
+import { t as grid } from "./index-J3PebPto.mjs";
+import { n as padding, r as space, t as margin } from "./index-C3_fScux.mjs";
+import { t as layout } from "./index-CsS_gcI9.mjs";
+import { t as typography } from "./index-C13YRARN.mjs";
+import { t as position } from "./index-CrUx2vIP.mjs";
+import { t as shadow } from "./index-DPWkvooj.mjs";
+import { a as variant, i as textStyle, n as buttonStyle, r as colorStyle } from "./index-BBTVE4EM.mjs";
+import * as CSS from "csstype";
+
+//#region src/style/style.d.ts
+interface StyleOptions {
+  prop: string;
+  cssProperty?: string;
+  alias?: string;
+  key?: string;
+  transformValue?: Transform;
+  scale?: unknown;
+  properties?: string[];
+}
+declare const style: ({
+  prop,
+  cssProperty,
+  alias,
+  key,
+  transformValue,
+  scale,
+  properties
+}: StyleOptions) => Parser;
+//#endregion
+//#region src/types.d.ts
+type ObjectOrArray<T, K extends keyof never = keyof never> = T[] | Record<K, T | Record<K, T> | T[]>;
+type Scale = ObjectOrArray<number | string>;
+type TLengthStyledSystem = string | 0 | number;
+interface Theme<TLength = TLengthStyledSystem> {
+  breakpoints?: ObjectOrArray<number | string | symbol>;
+  mediaQueries?: {
+    [size: string]: string;
+  };
+  space?: ObjectOrArray<CSS.Property.Margin<number | string>>;
+  fontSizes?: ObjectOrArray<CSS.Property.FontSize<number>>;
+  colors?: ObjectOrArray<CSS.Property.Color>;
+  fonts?: ObjectOrArray<CSS.Property.FontFamily>;
+  fontWeights?: ObjectOrArray<CSS.Property.FontWeight>;
+  lineHeights?: ObjectOrArray<CSS.Property.LineHeight<TLength>>;
+  letterSpacings?: ObjectOrArray<CSS.Property.LetterSpacing<TLength>>;
+  sizes?: ObjectOrArray<CSS.Property.Height<object> | CSS.Property.Width<object>>;
+  borders?: ObjectOrArray<CSS.Property.Border<object>>;
+  borderStyles?: ObjectOrArray<CSS.Property.Border<object>>;
+  borderWidths?: ObjectOrArray<CSS.Property.BorderWidth<TLength>>;
+  radii?: ObjectOrArray<CSS.Property.BorderRadius<TLength>>;
+  shadows?: ObjectOrArray<CSS.Property.BoxShadow>;
+  zIndices?: ObjectOrArray<CSS.Property.ZIndex>;
+  buttons?: ObjectOrArray<CSS.StandardProperties>;
+  colorStyles?: ObjectOrArray<CSS.StandardProperties>;
+  textStyles?: ObjectOrArray<CSS.StandardProperties>;
+}
+type RequiredTheme = Required<Theme>;
+type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = unknown> = NonNullable<ThemeType[K]> extends TVal[] ? number : NonNullable<ThemeType[K]> extends Record<infer E, TVal> ? E : NonNullable<ThemeType[K]> extends ObjectOrArray<infer F> ? F : never;
+type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<'breakpoints', ThemeType> & string) | number]?: T };
+type L = TLengthStyledSystem;
+interface SpaceProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  m?: ResponsiveValue<TVal, ThemeType>;
+  margin?: ResponsiveValue<TVal, ThemeType>;
+  mt?: ResponsiveValue<TVal, ThemeType>;
+  marginTop?: ResponsiveValue<TVal, ThemeType>;
+  mr?: ResponsiveValue<TVal, ThemeType>;
+  marginRight?: ResponsiveValue<TVal, ThemeType>;
+  mb?: ResponsiveValue<TVal, ThemeType>;
+  marginBottom?: ResponsiveValue<TVal, ThemeType>;
+  ml?: ResponsiveValue<TVal, ThemeType>;
+  marginLeft?: ResponsiveValue<TVal, ThemeType>;
+  mx?: ResponsiveValue<TVal, ThemeType>;
+  marginX?: ResponsiveValue<TVal, ThemeType>;
+  my?: ResponsiveValue<TVal, ThemeType>;
+  marginY?: ResponsiveValue<TVal, ThemeType>;
+  p?: ResponsiveValue<TVal, ThemeType>;
+  padding?: ResponsiveValue<TVal, ThemeType>;
+  pt?: ResponsiveValue<TVal, ThemeType>;
+  paddingTop?: ResponsiveValue<TVal, ThemeType>;
+  pr?: ResponsiveValue<TVal, ThemeType>;
+  paddingRight?: ResponsiveValue<TVal, ThemeType>;
+  pb?: ResponsiveValue<TVal, ThemeType>;
+  paddingBottom?: ResponsiveValue<TVal, ThemeType>;
+  pl?: ResponsiveValue<TVal, ThemeType>;
+  paddingLeft?: ResponsiveValue<TVal, ThemeType>;
+  px?: ResponsiveValue<TVal, ThemeType>;
+  paddingX?: ResponsiveValue<TVal, ThemeType>;
+  py?: ResponsiveValue<TVal, ThemeType>;
+  paddingY?: ResponsiveValue<TVal, ThemeType>;
+}
+interface MarginProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  m?: ResponsiveValue<TVal, ThemeType>;
+  margin?: ResponsiveValue<TVal, ThemeType>;
+  mt?: ResponsiveValue<TVal, ThemeType>;
+  marginTop?: ResponsiveValue<TVal, ThemeType>;
+  mr?: ResponsiveValue<TVal, ThemeType>;
+  marginRight?: ResponsiveValue<TVal, ThemeType>;
+  mb?: ResponsiveValue<TVal, ThemeType>;
+  marginBottom?: ResponsiveValue<TVal, ThemeType>;
+  ml?: ResponsiveValue<TVal, ThemeType>;
+  marginLeft?: ResponsiveValue<TVal, ThemeType>;
+  mx?: ResponsiveValue<TVal, ThemeType>;
+  marginX?: ResponsiveValue<TVal, ThemeType>;
+  my?: ResponsiveValue<TVal, ThemeType>;
+  marginY?: ResponsiveValue<TVal, ThemeType>;
+}
+interface PaddingProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'space', ThemeType>> {
+  p?: ResponsiveValue<TVal, ThemeType>;
+  padding?: ResponsiveValue<TVal, ThemeType>;
+  pt?: ResponsiveValue<TVal, ThemeType>;
+  paddingTop?: ResponsiveValue<TVal, ThemeType>;
+  pr?: ResponsiveValue<TVal, ThemeType>;
+  paddingRight?: ResponsiveValue<TVal, ThemeType>;
+  pb?: ResponsiveValue<TVal, ThemeType>;
+  paddingBottom?: ResponsiveValue<TVal, ThemeType>;
+  pl?: ResponsiveValue<TVal, ThemeType>;
+  paddingLeft?: ResponsiveValue<TVal, ThemeType>;
+  px?: ResponsiveValue<TVal, ThemeType>;
+  paddingX?: ResponsiveValue<TVal, ThemeType>;
+  py?: ResponsiveValue<TVal, ThemeType>;
+  paddingY?: ResponsiveValue<TVal, ThemeType>;
+}
+interface LayoutProps<ThemeType extends Theme = RequiredTheme> {
+  width?: ResponsiveValue<CSS.Property.Width<L>, ThemeType>;
+  height?: ResponsiveValue<CSS.Property.Height<L>, ThemeType>;
+  minWidth?: ResponsiveValue<CSS.Property.MinWidth<L>, ThemeType>;
+  minHeight?: ResponsiveValue<CSS.Property.MinHeight<L>, ThemeType>;
+  maxWidth?: ResponsiveValue<CSS.Property.MaxWidth<L>, ThemeType>;
+  maxHeight?: ResponsiveValue<CSS.Property.MaxHeight<L>, ThemeType>;
+  size?: ResponsiveValue<CSS.Property.Width<L>, ThemeType>;
+  overflow?: ResponsiveValue<CSS.Property.Overflow, ThemeType>;
+  overflowX?: ResponsiveValue<CSS.Property.OverflowX, ThemeType>;
+  overflowY?: ResponsiveValue<CSS.Property.OverflowY, ThemeType>;
+  display?: ResponsiveValue<CSS.Property.Display, ThemeType>;
+  verticalAlign?: ResponsiveValue<CSS.Property.VerticalAlign<L>, ThemeType>;
+}
+interface TypographyProps<ThemeType extends Theme = RequiredTheme> {
+  fontFamily?: ResponsiveValue<CSS.Property.FontFamily, ThemeType>;
+  fontSize?: ResponsiveValue<ThemeValue<'fontSizes', ThemeType>, ThemeType>;
+  fontWeight?: ResponsiveValue<ThemeValue<'fontWeights', ThemeType> | string, ThemeType>;
+  lineHeight?: ResponsiveValue<ThemeValue<'lineHeights', ThemeType>, ThemeType>;
+  letterSpacing?: ResponsiveValue<CSS.Property.LetterSpacing<L>, ThemeType>;
+  textAlign?: ResponsiveValue<CSS.Property.TextAlign, ThemeType>;
+  fontStyle?: ResponsiveValue<CSS.Property.FontStyle, ThemeType>;
+}
+interface FlexboxProps<ThemeType extends Theme = RequiredTheme> {
+  alignItems?: ResponsiveValue<CSS.Property.AlignItems, ThemeType>;
+  alignContent?: ResponsiveValue<CSS.Property.AlignContent, ThemeType>;
+  justifyItems?: ResponsiveValue<CSS.Property.JustifyItems, ThemeType>;
+  justifyContent?: ResponsiveValue<CSS.Property.JustifyContent, ThemeType>;
+  flexWrap?: ResponsiveValue<CSS.Property.FlexWrap, ThemeType>;
+  flexDirection?: ResponsiveValue<CSS.Property.FlexDirection, ThemeType>;
+  flex?: ResponsiveValue<CSS.Property.Flex<L>, ThemeType>;
+  flexGrow?: ResponsiveValue<CSS.Property.FlexGrow, ThemeType>;
+  flexShrink?: ResponsiveValue<CSS.Property.FlexShrink, ThemeType>;
+  flexBasis?: ResponsiveValue<CSS.Property.FlexBasis<L>, ThemeType>;
+  justifySelf?: ResponsiveValue<CSS.Property.JustifySelf, ThemeType>;
+  alignSelf?: ResponsiveValue<CSS.Property.AlignSelf, ThemeType>;
+  order?: ResponsiveValue<CSS.Property.Order, ThemeType>;
+}
+interface PositionProps<ThemeType extends Theme = RequiredTheme> {
+  position?: ResponsiveValue<CSS.Property.Position, ThemeType>;
+  zIndex?: ResponsiveValue<CSS.Property.ZIndex, ThemeType>;
+  top?: ResponsiveValue<CSS.Property.Top<L>, ThemeType>;
+  right?: ResponsiveValue<CSS.Property.Right<L>, ThemeType>;
+  bottom?: ResponsiveValue<CSS.Property.Bottom<L>, ThemeType>;
+  left?: ResponsiveValue<CSS.Property.Left<L>, ThemeType>;
+}
+interface ColorProps<ThemeType extends Theme = RequiredTheme, TVal = ThemeValue<'colors', ThemeType>> {
+  color?: ResponsiveValue<TVal, ThemeType>;
+  backgroundColor?: ResponsiveValue<TVal, ThemeType>;
+  bg?: ResponsiveValue<TVal, ThemeType>;
+  opacity?: ResponsiveValue<CSS.Property.Opacity, ThemeType>;
+}
+interface BorderProps<ThemeType extends Theme = RequiredTheme> {
+  border?: ResponsiveValue<CSS.Property.Border<L>, ThemeType>;
+  borderWidth?: ResponsiveValue<CSS.Property.BorderWidth<L>, ThemeType>;
+  borderStyle?: ResponsiveValue<CSS.Property.BorderStyle, ThemeType>;
+  borderColor?: ResponsiveValue<ThemeValue<'colors', ThemeType>, ThemeType>;
+  borderRadius?: ResponsiveValue<ThemeValue<'radii', ThemeType>, ThemeType>;
+  borderTop?: ResponsiveValue<CSS.Property.BorderTop<L>, ThemeType>;
+  borderRight?: ResponsiveValue<CSS.Property.BorderRight<L>, ThemeType>;
+  borderBottom?: ResponsiveValue<CSS.Property.BorderBottom<L>, ThemeType>;
+  borderLeft?: ResponsiveValue<CSS.Property.BorderLeft<L>, ThemeType>;
+}
+interface BackgroundProps<ThemeType extends Theme = RequiredTheme> {
+  background?: ResponsiveValue<CSS.Property.Background<L>, ThemeType>;
+  backgroundImage?: ResponsiveValue<CSS.Property.BackgroundImage, ThemeType>;
+  backgroundSize?: ResponsiveValue<CSS.Property.BackgroundSize<L>, ThemeType>;
+  backgroundPosition?: ResponsiveValue<CSS.Property.BackgroundPosition<L>, ThemeType>;
+  backgroundRepeat?: ResponsiveValue<CSS.Property.BackgroundRepeat, ThemeType>;
+}
+interface GridProps<ThemeType extends Theme = RequiredTheme> {
+  gridGap?: ResponsiveValue<CSS.Property.GridGap<L>, ThemeType>;
+  gridColumnGap?: ResponsiveValue<CSS.Property.GridColumnGap<L>, ThemeType>;
+  gridRowGap?: ResponsiveValue<CSS.Property.GridRowGap<L>, ThemeType>;
+  gridColumn?: ResponsiveValue<CSS.Property.GridColumn, ThemeType>;
+  gridRow?: ResponsiveValue<CSS.Property.GridRow, ThemeType>;
+  gridAutoFlow?: ResponsiveValue<CSS.Property.GridAutoFlow, ThemeType>;
+  gridAutoColumns?: ResponsiveValue<CSS.Property.GridAutoColumns<L>, ThemeType>;
+  gridAutoRows?: ResponsiveValue<CSS.Property.GridAutoRows<L>, ThemeType>;
+  gridTemplateColumns?: ResponsiveValue<CSS.Property.GridTemplateColumns<L>, ThemeType>;
+  gridTemplateRows?: ResponsiveValue<CSS.Property.GridTemplateRows<L>, ThemeType>;
+  gridTemplateAreas?: ResponsiveValue<CSS.Property.GridTemplateAreas, ThemeType>;
+  gridArea?: ResponsiveValue<CSS.Property.GridArea, ThemeType>;
+}
+interface ShadowProps<ThemeType extends Theme = RequiredTheme> {
+  boxShadow?: ResponsiveValue<CSS.Property.BoxShadow | string, ThemeType>;
+  textShadow?: ResponsiveValue<CSS.Property.TextShadow | string, ThemeType>;
+}
+//#endregion
+//#region src/index.d.ts
+declare const width: Parser;
+declare const height: Parser;
+declare const minWidth: Parser;
+declare const minHeight: Parser;
+declare const maxWidth: Parser;
+declare const maxHeight: Parser;
+declare const size: Parser;
+declare const verticalAlign: Parser;
+declare const display: Parser;
+declare const overflow: Parser;
+declare const overflowX: Parser;
+declare const overflowY: Parser;
+declare const opacity: Parser;
+declare const fontSize: Parser;
+declare const fontFamily: Parser;
+declare const fontWeight: Parser;
+declare const lineHeight: Parser;
+declare const textAlign: Parser;
+declare const fontStyle: Parser;
+declare const letterSpacing: Parser;
+declare const alignItems: Parser;
+declare const alignContent: Parser;
+declare const justifyItems: Parser;
+declare const justifyContent: Parser;
+declare const flexWrap: Parser;
+declare const flexDirection: Parser;
+declare const flex: Parser;
+declare const flexGrow: Parser;
+declare const flexShrink: Parser;
+declare const flexBasis: Parser;
+declare const justifySelf: Parser;
+declare const alignSelf: Parser;
+declare const order: Parser;
+declare const gridGap: Parser;
+declare const gridColumnGap: Parser;
+declare const gridRowGap: Parser;
+declare const gridColumn: Parser;
+declare const gridRow: Parser;
+declare const gridAutoFlow: Parser;
+declare const gridAutoColumns: Parser;
+declare const gridAutoRows: Parser;
+declare const gridTemplateColumns: Parser;
+declare const gridTemplateRows: Parser;
+declare const gridTemplateAreas: Parser;
+declare const gridArea: Parser;
+declare const borderWidth: Parser;
+declare const borderStyle: Parser;
+declare const borderColor: Parser;
+declare const borderTop: Parser;
+declare const borderRight: Parser;
+declare const borderBottom: Parser;
+declare const borderLeft: Parser;
+declare const borderRadius: Parser;
+declare const backgroundImage: Parser;
+declare const backgroundSize: Parser;
+declare const backgroundPosition: Parser;
+declare const backgroundRepeat: Parser;
+declare const zIndex: Parser;
+declare const top: Parser;
+declare const right: Parser;
+declare const bottom: Parser;
+declare const left: Parser;
+//#endregion
+export { BackgroundProps, BorderProps, ColorProps, type ConfigStyle, FlexboxProps, GridProps, LayoutProps, MarginProps, ObjectOrArray, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, Scale, ShadowProps, SpaceProps, type StyleFn, type StyleObject, type SystemConfig, TLengthStyledSystem, Theme, ThemeValue, type Transform, TypographyProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/index.mjs

@@ -0,0 +1,98 @@
+import { compose, createParser, createStyleFunction, get, system } from "./core.mjs";
+import { t as background } from "./background-B-jql3jb.mjs";
+import { t as border } from "./border-Dder4Dhp.mjs";
+import { t as color } from "./color-CGmMe8yP.mjs";
+import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
+import { t as grid } from "./grid-Bpk-QjhF.mjs";
+import { t as layout } from "./layout-TqD8vcEl.mjs";
+import { t as position } from "./position-jf6VlRyR.mjs";
+import { t as typography } from "./typography-CptBXSy0.mjs";
+import { n as padding, r as space, t as margin } from "./space-CNrX-zoo.mjs";
+import { t as shadow } from "./shadow-Bp7lx_41.mjs";
+import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-CWUfe1Cc.mjs";
+//#region src/style/style.ts
+const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
+	const config = {};
+	config[prop] = createStyleFunction({
+		properties,
+		property: cssProperty || prop,
+		scale: key,
+		defaultScale: scale,
+		transform: transformValue
+	});
+	if (alias) config[alias] = config[prop];
+	return createParser(config);
+};
+//#endregion
+//#region src/index.ts
+const layoutFns = layout;
+const width = layoutFns.width;
+const height = layoutFns.height;
+const minWidth = layoutFns.minWidth;
+const minHeight = layoutFns.minHeight;
+const maxWidth = layoutFns.maxWidth;
+const maxHeight = layoutFns.maxHeight;
+const size = layoutFns.size;
+const verticalAlign = layoutFns.verticalAlign;
+const display = layoutFns.display;
+const overflow = layoutFns.overflow;
+const overflowX = layoutFns.overflowX;
+const overflowY = layoutFns.overflowY;
+const opacity = color.opacity;
+const typographyFns = typography;
+const fontSize = typographyFns.fontSize;
+const fontFamily = typographyFns.fontFamily;
+const fontWeight = typographyFns.fontWeight;
+const lineHeight = typographyFns.lineHeight;
+const textAlign = typographyFns.textAlign;
+const fontStyle = typographyFns.fontStyle;
+const letterSpacing = typographyFns.letterSpacing;
+const flexboxFns = flexbox;
+const alignItems = flexboxFns.alignItems;
+const alignContent = flexboxFns.alignContent;
+const justifyItems = flexboxFns.justifyItems;
+const justifyContent = flexboxFns.justifyContent;
+const flexWrap = flexboxFns.flexWrap;
+const flexDirection = flexboxFns.flexDirection;
+const flex = flexboxFns.flex;
+const flexGrow = flexboxFns.flexGrow;
+const flexShrink = flexboxFns.flexShrink;
+const flexBasis = flexboxFns.flexBasis;
+const justifySelf = flexboxFns.justifySelf;
+const alignSelf = flexboxFns.alignSelf;
+const order = flexboxFns.order;
+const gridFns = grid;
+const gridGap = gridFns.gridGap;
+const gridColumnGap = gridFns.gridColumnGap;
+const gridRowGap = gridFns.gridRowGap;
+const gridColumn = gridFns.gridColumn;
+const gridRow = gridFns.gridRow;
+const gridAutoFlow = gridFns.gridAutoFlow;
+const gridAutoColumns = gridFns.gridAutoColumns;
+const gridAutoRows = gridFns.gridAutoRows;
+const gridTemplateColumns = gridFns.gridTemplateColumns;
+const gridTemplateRows = gridFns.gridTemplateRows;
+const gridTemplateAreas = gridFns.gridTemplateAreas;
+const gridArea = gridFns.gridArea;
+const borderFns = border;
+const borderWidth = borderFns.borderWidth;
+const borderStyle = borderFns.borderStyle;
+const borderColor = borderFns.borderColor;
+const borderTop = borderFns.borderTop;
+const borderRight = borderFns.borderRight;
+const borderBottom = borderFns.borderBottom;
+const borderLeft = borderFns.borderLeft;
+const borderRadius = borderFns.borderRadius;
+const backgroundFns = background;
+const backgroundImage = backgroundFns.backgroundImage;
+const backgroundSize = backgroundFns.backgroundSize;
+const backgroundPosition = backgroundFns.backgroundPosition;
+const backgroundRepeat = backgroundFns.backgroundRepeat;
+const positionFns = position;
+const zIndex = positionFns.zIndex;
+const top = positionFns.top;
+const right = positionFns.right;
+const bottom = positionFns.bottom;
+const left = positionFns.left;
+//#endregion
+export { alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, system, textAlign, textStyle, top, typography, variant, verticalAlign, width, zIndex };

package/dist/layout-B1-2dfQ9.cjs

@@ -0,0 +1,48 @@
+const require_core = require("./core.cjs");
+//#region src/layout/layout.ts
+const isNumber = (n) => typeof n === "number" && !isNaN(n);
+const getWidth = (n, scale) => require_core.get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + "%");
+const config = {
+	width: {
+		property: "width",
+		scale: "sizes",
+		transform: getWidth
+	},
+	height: {
+		property: "height",
+		scale: "sizes"
+	},
+	minWidth: {
+		property: "minWidth",
+		scale: "sizes"
+	},
+	minHeight: {
+		property: "minHeight",
+		scale: "sizes"
+	},
+	maxWidth: {
+		property: "maxWidth",
+		scale: "sizes"
+	},
+	maxHeight: {
+		property: "maxHeight",
+		scale: "sizes"
+	},
+	size: {
+		properties: ["width", "height"],
+		scale: "sizes"
+	},
+	overflow: true,
+	overflowX: true,
+	overflowY: true,
+	display: true,
+	verticalAlign: true
+};
+const layout = require_core.system(config);
+//#endregion
+Object.defineProperty(exports, "layout", {
+	enumerable: true,
+	get: function() {
+		return layout;
+	}
+});

package/dist/layout-TqD8vcEl.mjs

@@ -0,0 +1,42 @@
+import { get, system } from "./core.mjs";
+//#region src/layout/layout.ts
+const isNumber = (n) => typeof n === "number" && !isNaN(n);
+const getWidth = (n, scale) => get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + "%");
+const layout = system({
+	width: {
+		property: "width",
+		scale: "sizes",
+		transform: getWidth
+	},
+	height: {
+		property: "height",
+		scale: "sizes"
+	},
+	minWidth: {
+		property: "minWidth",
+		scale: "sizes"
+	},
+	minHeight: {
+		property: "minHeight",
+		scale: "sizes"
+	},
+	maxWidth: {
+		property: "maxWidth",
+		scale: "sizes"
+	},
+	maxHeight: {
+		property: "maxHeight",
+		scale: "sizes"
+	},
+	size: {
+		properties: ["width", "height"],
+		scale: "sizes"
+	},
+	overflow: true,
+	overflowX: true,
+	overflowY: true,
+	display: true,
+	verticalAlign: true
+});
+//#endregion
+export { layout as t };

package/dist/layout.cjs

@@ -0,0 +1,7 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_layout = require("./layout-B1-2dfQ9.cjs");
+exports.default = require_layout.layout;
+exports.layout = require_layout.layout;

package/dist/layout.d.cts

@@ -0,0 +1,2 @@
+import { t as layout } from "./index-Nc-10syf.cjs";
+export { layout as default, layout };

package/dist/layout.d.mts

@@ -0,0 +1,2 @@
+import { t as layout } from "./index-CsS_gcI9.mjs";
+export { layout as default, layout };

package/dist/layout.mjs

@@ -0,0 +1,2 @@
+import { t as layout } from "./layout-TqD8vcEl.mjs";
+export { layout as default, layout };

package/dist/position-jf6VlRyR.mjs

@@ -0,0 +1,42 @@
+import { system } from "./core.mjs";
+//#region src/position/position.ts
+const spaceScale = [
+	0,
+	4,
+	8,
+	16,
+	32,
+	64,
+	128,
+	256,
+	512
+];
+const position = system({
+	position: true,
+	zIndex: {
+		property: "zIndex",
+		scale: "zIndices"
+	},
+	top: {
+		property: "top",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	right: {
+		property: "right",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	bottom: {
+		property: "bottom",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	left: {
+		property: "left",
+		scale: "space",
+		defaultScale: spaceScale
+	}
+});
+//#endregion
+export { position as t };

package/dist/position-zWvCE4hD.cjs

@@ -0,0 +1,48 @@
+const require_core = require("./core.cjs");
+//#region src/position/position.ts
+const spaceScale = [
+	0,
+	4,
+	8,
+	16,
+	32,
+	64,
+	128,
+	256,
+	512
+];
+const config = {
+	position: true,
+	zIndex: {
+		property: "zIndex",
+		scale: "zIndices"
+	},
+	top: {
+		property: "top",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	right: {
+		property: "right",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	bottom: {
+		property: "bottom",
+		scale: "space",
+		defaultScale: spaceScale
+	},
+	left: {
+		property: "left",
+		scale: "space",
+		defaultScale: spaceScale
+	}
+};
+const position = require_core.system(config);
+//#endregion
+Object.defineProperty(exports, "position", {
+	enumerable: true,
+	get: function() {
+		return position;
+	}
+});

package/dist/position.cjs

@@ -0,0 +1,7 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_position = require("./position-zWvCE4hD.cjs");
+exports.default = require_position.position;
+exports.position = require_position.position;

package/dist/position.d.cts

@@ -0,0 +1,2 @@
+import { t as position } from "./index-z86wOHTb.cjs";
+export { position as default, position };

package/dist/position.d.mts

@@ -0,0 +1,2 @@
+import { t as position } from "./index-CrUx2vIP.mjs";
+export { position as default, position };

package/dist/position.mjs

@@ -0,0 +1,2 @@
+import { t as position } from "./position-jf6VlRyR.mjs";
+export { position as default, position };

package/dist/presets-DjaCx0dm.mjs

@@ -0,0 +1,16 @@
+import { compose } from "./core.mjs";
+import { t as background } from "./background-B-jql3jb.mjs";
+import { t as border } from "./border-Dder4Dhp.mjs";
+import { t as color } from "./color-CGmMe8yP.mjs";
+import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
+import { t as grid } from "./grid-Bpk-QjhF.mjs";
+import { t as layout } from "./layout-TqD8vcEl.mjs";
+import { t as position } from "./position-jf6VlRyR.mjs";
+import { t as typography } from "./typography-CptBXSy0.mjs";
+import { r as space } from "./space-CNrX-zoo.mjs";
+import { t as shadow } from "./shadow-Bp7lx_41.mjs";
+import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-CWUfe1Cc.mjs";
+//#region src/presets/presets.ts
+const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
+//#endregion
+export { all as t };

package/dist/presets-DlUVOAIL.cjs

@@ -0,0 +1,21 @@
+const require_core = require("./core.cjs");
+const require_background = require("./background-wugr6cG7.cjs");
+const require_border = require("./border-UuT-fTpy.cjs");
+const require_color = require("./color-BNs17Gw-.cjs");
+const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
+const require_grid = require("./grid-CpvRIng4.cjs");
+const require_layout = require("./layout-B1-2dfQ9.cjs");
+const require_position = require("./position-zWvCE4hD.cjs");
+const require_typography = require("./typography-DD_eWLLx.cjs");
+const require_space = require("./space-C14uiNpw.cjs");
+const require_shadow = require("./shadow-BrDnaQQl.cjs");
+const require_variant = require("./variant-ChsBzwrI.cjs");
+//#region src/presets/presets.ts
+const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
+//#endregion
+Object.defineProperty(exports, "all", {
+	enumerable: true,
+	get: function() {
+		return all;
+	}
+});

package/dist/props.cjs

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_presets = require("./presets-DlUVOAIL.cjs");
+//#region src/props/props.ts
+const regex = new RegExp(`^(${require_presets.all.propNames.join("|")})$`);
+const omit = (props) => {
+	const next = {};
+	for (const key in props) {
+		if (regex.test(key)) continue;
+		next[key] = props[key];
+	}
+	return next;
+};
+const pick = (props) => {
+	const next = {};
+	for (const key in props) {
+		if (!regex.test(key)) continue;
+		next[key] = props[key];
+	}
+	return next;
+};
+//#endregion
+exports.omit = omit;
+exports.pick = pick;