aeon-ui-engine 1.5.1 → 1.9.0

package/packages/panda/styled-system/jsx/factory.mjs

@@ -1,89 +0,0 @@
-import { createElement, forwardRef, useMemo } from 'react'
-import { css, cx, cva } from '../css/index.mjs';
-import { defaultShouldForwardProp, composeShouldForwardProps, composeCvaFn, getDisplayName } from './factory-helper.mjs';
-import { splitProps, normalizeHTMLProps } from '../helpers.mjs';
-import { isCssProperty } from './is-valid-prop.mjs';
-
-function styledFn(Dynamic, configOrCva = {}, options = {}) {
-  const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
-
-  const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
-  const shouldForwardProp = (prop) => {
-    if (options.forwardProps?.includes(prop)) return true
-    return forwardFn(prop, cvaFn.variantKeys)
-  }
-  
-  const defaultProps = Object.assign(
-    options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
-    options.defaultProps,
-  )
-
-  const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
-  const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-  const __base__ = Dynamic.__base__ || Dynamic
-
-  const StyledComponent = /* @__PURE__ */ forwardRef(function StyledComponent(props, ref) {
-    const { as: Element = __base__, unstyled, children, ...restProps } = props
-
-    const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
-
-    const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
-      return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
-    }, [combinedProps])
-
-    function recipeClass() {
-      const { css: cssStyles, ...propStyles } = styleProps
-      const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps)
-      return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.className)
-    }
-
-    function cvaClass() {
-      const { css: cssStyles, ...propStyles } = styleProps
-      const cvaStyles = __cvaFn__.raw(variantProps)
-      return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.className)
-    }
-
-    const classes = () => {
-      if (unstyled) {
-        const { css: cssStyles, ...propStyles } = styleProps
-        return cx(css(propStyles, cssStyles), combinedProps.className)
-      }
-      return configOrCva.__recipe__ ? recipeClass() : cvaClass()
-    }
-
-    return createElement(Element, {
-      ref,
-      ...forwardedProps,
-      ...elementProps,
-      ...normalizeHTMLProps(htmlProps),
-      className: classes(),
-    }, children ?? combinedProps.children)
-  })
-
-  const name = getDisplayName(__base__)
-
-  StyledComponent.displayName = `styled.${name}`
-  StyledComponent.__cva__ = __cvaFn__
-  StyledComponent.__base__ = __base__
-  StyledComponent.__shouldForwardProps__ = shouldForwardProp
-
-  return StyledComponent
-}
-
-function createJsxFactory() {
-  const cache = new Map()
-
-  return new Proxy(styledFn, {
-    apply(_, __, args) {
-      return styledFn(...args)
-    },
-    get(_, el) {
-      if (!cache.has(el)) {
-        cache.set(el, styledFn(el))
-      }
-      return cache.get(el)
-    },
-  })
-}
-
-export const styled = /* @__PURE__ */ createJsxFactory()

package/packages/panda/styled-system/jsx/flex.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getFlexStyle } from '../patterns/flex.mjs';
-import { styled } from './factory.mjs';
-
-export const Flex = /* @__PURE__ */ forwardRef(function Flex(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["align","justify","direction","wrap","basis","grow","shrink"])
-
-const styleProps = getFlexStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/float.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getFloatStyle } from '../patterns/float.mjs';
-import { styled } from './factory.mjs';
-
-export const Float = /* @__PURE__ */ forwardRef(function Float(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["offsetX","offsetY","offset","placement"])
-
-const styleProps = getFloatStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/grid-item.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getGridItemStyle } from '../patterns/grid-item.mjs';
-import { styled } from './factory.mjs';
-
-export const GridItem = /* @__PURE__ */ forwardRef(function GridItem(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["colSpan","rowSpan","colStart","rowStart","colEnd","rowEnd"])
-
-const styleProps = getGridItemStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/grid.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getGridStyle } from '../patterns/grid.mjs';
-import { styled } from './factory.mjs';
-
-export const Grid = /* @__PURE__ */ forwardRef(function Grid(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["gap","columnGap","rowGap","columns","minChildWidth"])
-
-const styleProps = getGridStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/hstack.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getHstackStyle } from '../patterns/hstack.mjs';
-import { styled } from './factory.mjs';
-
-export const HStack = /* @__PURE__ */ forwardRef(function HStack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["justify","gap"])
-
-const styleProps = getHstackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/index.mjs

@@ -1,23 +0,0 @@
-export * from './factory.mjs';
-export * from './is-valid-prop.mjs';
-export * from './create-style-context.mjs';
-export * from './box.mjs';
-export * from './flex.mjs';
-export * from './stack.mjs';
-export * from './vstack.mjs';
-export * from './hstack.mjs';
-export * from './spacer.mjs';
-export * from './square.mjs';
-export * from './circle.mjs';
-export * from './center.mjs';
-export * from './link-overlay.mjs';
-export * from './aspect-ratio.mjs';
-export * from './grid.mjs';
-export * from './grid-item.mjs';
-export * from './wrap.mjs';
-export * from './container.mjs';
-export * from './divider.mjs';
-export * from './float.mjs';
-export * from './bleed.mjs';
-export * from './visually-hidden.mjs';
-export * from './cq.mjs';

package/packages/panda/styled-system/jsx/is-valid-prop.mjs

@@ -1,17 +0,0 @@
-import { splitProps } from '../helpers.mjs';
-import { memo } from '../helpers.mjs';
-// src/index.ts
-var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,bgLinear,bgRadial,bgConic,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,focusRing,focusVisibleRing,focusRingColor,focusRingOffset,focusRingWidth,focusRingStyle,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,boxSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,WebkitTextFillColor,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,backgroundLinear,backgroundRadial,backgroundConic,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_aeonSelected,_aeonChecked,_aeonOpen,_aeonClosed,_aeonExpanded,_aeonCollapsed,_aeonOverlayOpen,_aeonFloating,_aeonDocked,_aeonHidden,_aeonReady,_aeonEmpty,_aeonActive,_aeonInactive,_aeonPending,_aeonSuccess,_aeonFailure,_aeonInvalid,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle"
-var userGenerated = userGeneratedStr.split(",");
-var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,cornerShape,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical";
-var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated);
-var properties = new Map(allCssProperties.map((prop) => [prop, true]));
-var cssPropertySelectorRegex = /&|@/;
-var isCssProperty = /* @__PURE__ */ memo((prop) => {
-  return properties.has(prop) || prop.startsWith("--") || cssPropertySelectorRegex.test(prop);
-});
-export {
-  allCssProperties,
-  isCssProperty
-};
-export const splitCssProps = (props) =>  splitProps(props, isCssProperty)

package/packages/panda/styled-system/jsx/link-overlay.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getLinkOverlayStyle } from '../patterns/link-overlay.mjs';
-import { styled } from './factory.mjs';
-
-export const LinkOverlay = /* @__PURE__ */ forwardRef(function LinkOverlay(props, ref) {
-  const [patternProps, restProps] = splitProps(props, [])
-
-const styleProps = getLinkOverlayStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.a, mergedProps)
-  })

package/packages/panda/styled-system/jsx/spacer.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getSpacerStyle } from '../patterns/spacer.mjs';
-import { styled } from './factory.mjs';
-
-export const Spacer = /* @__PURE__ */ forwardRef(function Spacer(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["size"])
-
-const styleProps = getSpacerStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/square.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getSquareStyle } from '../patterns/square.mjs';
-import { styled } from './factory.mjs';
-
-export const Square = /* @__PURE__ */ forwardRef(function Square(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["size"])
-
-const styleProps = getSquareStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/stack.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getStackStyle } from '../patterns/stack.mjs';
-import { styled } from './factory.mjs';
-
-export const Stack = /* @__PURE__ */ forwardRef(function Stack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["align","justify","direction","gap"])
-
-const styleProps = getStackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/visually-hidden.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getVisuallyHiddenStyle } from '../patterns/visually-hidden.mjs';
-import { styled } from './factory.mjs';
-
-export const VisuallyHidden = /* @__PURE__ */ forwardRef(function VisuallyHidden(props, ref) {
-  const [patternProps, restProps] = splitProps(props, [])
-
-const styleProps = getVisuallyHiddenStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/vstack.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getVstackStyle } from '../patterns/vstack.mjs';
-import { styled } from './factory.mjs';
-
-export const VStack = /* @__PURE__ */ forwardRef(function VStack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["justify","gap"])
-
-const styleProps = getVstackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/jsx/wrap.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getWrapStyle } from '../patterns/wrap.mjs';
-import { styled } from './factory.mjs';
-
-export const Wrap = /* @__PURE__ */ forwardRef(function Wrap(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["gap","rowGap","columnGap","align","justify"])
-
-const styleProps = getWrapStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/packages/panda/styled-system/patterns/aspect-ratio.mjs

@@ -1,38 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const aspectRatioConfig = {
-transform(props, { map }) {
-  const { ratio = 4 / 3, ...rest } = props;
-  return {
-    position: "relative",
-    _before: {
-      content: `""`,
-      display: "block",
-      height: "0",
-      paddingBottom: map(ratio, (r) => `${1 / r * 100}%`)
-    },
-    "&>*": {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      overflow: "hidden",
-      position: "absolute",
-      inset: "0",
-      width: "100%",
-      height: "100%"
-    },
-    "&>img, &>video": {
-      objectFit: "cover"
-    },
-    ...rest
-  };
-}}
-
-export const getAspectRatioStyle = (styles = {}) => {
-  const _styles = getPatternStyles(aspectRatioConfig, styles)
-  return aspectRatioConfig.transform(_styles, patternFns)
-}
-
-export const aspectRatio = (styles) => css(getAspectRatioStyle(styles))
-aspectRatio.raw = getAspectRatioStyle

package/packages/panda/styled-system/patterns/bleed.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const bleedConfig = {
-transform(props, { map, isCssUnit, isCssVar }) {
-  const { inline, block, ...rest } = props;
-  const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
-  return {
-    "--bleed-x": map(inline, valueFn),
-    "--bleed-y": map(block, valueFn),
-    marginInline: "calc(var(--bleed-x, 0) * -1)",
-    marginBlock: "calc(var(--bleed-y, 0) * -1)",
-    ...rest
-  };
-},
-defaultValues:{inline:'0',block:'0'}}
-
-export const getBleedStyle = (styles = {}) => {
-  const _styles = getPatternStyles(bleedConfig, styles)
-  return bleedConfig.transform(_styles, patternFns)
-}
-
-export const bleed = (styles) => css(getBleedStyle(styles))
-bleed.raw = getBleedStyle

package/packages/panda/styled-system/patterns/box.mjs

@@ -1,15 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const boxConfig = {
-transform(props) {
-  return props;
-}}
-
-export const getBoxStyle = (styles = {}) => {
-  const _styles = getPatternStyles(boxConfig, styles)
-  return boxConfig.transform(_styles, patternFns)
-}
-
-export const box = (styles) => css(getBoxStyle(styles))
-box.raw = getBoxStyle

package/packages/panda/styled-system/patterns/center.mjs

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const centerConfig = {
-transform(props) {
-  const { inline, ...rest } = props;
-  return {
-    display: inline ? "inline-flex" : "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    ...rest
-  };
-}}
-
-export const getCenterStyle = (styles = {}) => {
-  const _styles = getPatternStyles(centerConfig, styles)
-  return centerConfig.transform(_styles, patternFns)
-}
-
-export const center = (styles) => css(getCenterStyle(styles))
-center.raw = getCenterStyle

package/packages/panda/styled-system/patterns/circle.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const circleConfig = {
-transform(props) {
-  const { size, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: "0 0 auto",
-    width: size,
-    height: size,
-    borderRadius: "9999px",
-    ...rest
-  };
-}}
-
-export const getCircleStyle = (styles = {}) => {
-  const _styles = getPatternStyles(circleConfig, styles)
-  return circleConfig.transform(_styles, patternFns)
-}
-
-export const circle = (styles) => css(getCircleStyle(styles))
-circle.raw = getCircleStyle

package/packages/panda/styled-system/patterns/container.mjs

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const containerConfig = {
-transform(props) {
-  return {
-    position: "relative",
-    maxWidth: "8xl",
-    mx: "auto",
-    px: { base: "4", md: "6", lg: "8" },
-    ...props
-  };
-}}
-
-export const getContainerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(containerConfig, styles)
-  return containerConfig.transform(_styles, patternFns)
-}
-
-export const container = (styles) => css(getContainerStyle(styles))
-container.raw = getContainerStyle

package/packages/panda/styled-system/patterns/cq.mjs

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const cqConfig = {
-transform(props) {
-  const { name, type, ...rest } = props;
-  return {
-    containerType: type,
-    containerName: name,
-    ...rest
-  };
-},
-defaultValues:{type:'inline-size'}}
-
-export const getCqStyle = (styles = {}) => {
-  const _styles = getPatternStyles(cqConfig, styles)
-  return cqConfig.transform(_styles, patternFns)
-}
-
-export const cq = (styles) => css(getCqStyle(styles))
-cq.raw = getCqStyle

package/packages/panda/styled-system/patterns/divider.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const dividerConfig = {
-transform(props, { map }) {
-  const { orientation, thickness, color, ...rest } = props;
-  return {
-    "--thickness": thickness,
-    width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
-    height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
-    borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
-    borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
-    borderColor: color,
-    ...rest
-  };
-},
-defaultValues:{orientation:'horizontal',thickness:'1px'}}
-
-export const getDividerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(dividerConfig, styles)
-  return dividerConfig.transform(_styles, patternFns)
-}
-
-export const divider = (styles) => css(getDividerStyle(styles))
-divider.raw = getDividerStyle

package/packages/panda/styled-system/patterns/flex.mjs

@@ -1,26 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const flexConfig = {
-transform(props) {
-  const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
-  return {
-    display: "flex",
-    flexDirection: direction,
-    alignItems: align,
-    justifyContent: justify,
-    flexWrap: wrap2,
-    flexBasis: basis,
-    flexGrow: grow,
-    flexShrink: shrink,
-    ...rest
-  };
-}}
-
-export const getFlexStyle = (styles = {}) => {
-  const _styles = getPatternStyles(flexConfig, styles)
-  return flexConfig.transform(_styles, patternFns)
-}
-
-export const flex = (styles) => css(getFlexStyle(styles))
-flex.raw = getFlexStyle

package/packages/panda/styled-system/patterns/float.mjs

@@ -1,52 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const floatConfig = {
-transform(props, { map }) {
-  const { offset, offsetX, offsetY, placement, ...rest } = props;
-  return {
-    display: "inline-flex",
-    justifyContent: "center",
-    alignItems: "center",
-    position: "absolute",
-    insetBlockStart: map(placement, (v) => {
-      const [side] = v.split("-");
-      const map2 = { top: offsetY, middle: "50%", bottom: "auto" };
-      return map2[side];
-    }),
-    insetBlockEnd: map(placement, (v) => {
-      const [side] = v.split("-");
-      const map2 = { top: "auto", middle: "50%", bottom: offsetY };
-      return map2[side];
-    }),
-    insetInlineStart: map(placement, (v) => {
-      const [, align] = v.split("-");
-      const map2 = { start: offsetX, center: "50%", end: "auto" };
-      return map2[align];
-    }),
-    insetInlineEnd: map(placement, (v) => {
-      const [, align] = v.split("-");
-      const map2 = { start: "auto", center: "50%", end: offsetX };
-      return map2[align];
-    }),
-    translate: map(placement, (v) => {
-      const [side, align] = v.split("-");
-      const mapX = { start: "-50%", center: "-50%", end: "50%" };
-      const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
-      return `${mapX[align]} ${mapY[side]}`;
-    }),
-    ...rest
-  };
-},
-defaultValues(props) {
-  const offset = props.offset || "0";
-  return { offset, offsetX: offset, offsetY: offset, placement: "top-end" };
-}}
-
-export const getFloatStyle = (styles = {}) => {
-  const _styles = getPatternStyles(floatConfig, styles)
-  return floatConfig.transform(_styles, patternFns)
-}
-
-export const float = (styles) => css(getFloatStyle(styles))
-float.raw = getFloatStyle

package/packages/panda/styled-system/patterns/grid-item.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const gridItemConfig = {
-transform(props, { map }) {
-  const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
-  const spanFn = (v) => v === "auto" ? v : `span ${v}`;
-  return {
-    gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
-    gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
-    gridColumnStart: colStart,
-    gridColumnEnd: colEnd,
-    gridRowStart: rowStart,
-    gridRowEnd: rowEnd,
-    ...rest
-  };
-}}
-
-export const getGridItemStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridItemConfig, styles)
-  return gridItemConfig.transform(_styles, patternFns)
-}
-
-export const gridItem = (styles) => css(getGridItemStyle(styles))
-gridItem.raw = getGridItemStyle