@mekari/pixel3-styled-system 0.0.7 → 0.0.8

package/jsx/link-overlay.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getLinkOverlayStyle } from '../patterns/link-overlay.mjs';
 import { Pixel } from './factory.mjs';
 

package/jsx/spacer.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getSpacerStyle } from '../patterns/spacer.mjs';
 import { Pixel } from './factory.mjs';
 

package/jsx/square.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getSquareStyle } from '../patterns/square.mjs';
 import { Pixel } from './factory.mjs';
 

package/jsx/stack.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getStackStyle } from '../patterns/stack.mjs';
 import { Pixel } from './factory.mjs';
 

package/jsx/visually-hidden.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getVisuallyHiddenStyle } from '../patterns/visually-hidden.mjs';
 import { Pixel } from './factory.mjs';
 

package/jsx/vstack.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getVstackStyle } from '../patterns/vstack.mjs';
 import { Pixel } from './factory.mjs';
 

package/jsx/wrap.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue'
-import { mergeCss } from '../css/css.mjs';
+
 import { getWrapStyle } from '../patterns/wrap.mjs';
 import { Pixel } from './factory.mjs';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-styled-system",
   "description": "This package is auto-generated by Panda CSS",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/patterns/aspect-ratio.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/bleed.d.ts

@@ -1,13 +1,13 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface BleedProperties {
-   inline?: PropertyValue<'marginInline'>
-	block?: PropertyValue<'marginBlock'>
+   inline?: SystemProperties["marginInline"]
+	block?: SystemProperties["marginBlock"]
 }
 
 

package/patterns/box.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/center.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/circle.d.ts

@@ -1,12 +1,12 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface CircleProperties {
-   size?: PropertyValue<'width'>
+   size?: SystemProperties["width"]
 }
 
 

package/patterns/container.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/cq.d.ts

@@ -1,13 +1,13 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface CqProperties {
    name?: ConditionalValue<Tokens["containerNames"] | Properties["containerName"]>
-	type?: PropertyValue<'containerType'>
+	type?: SystemProperties["containerType"]
 }
 
 

package/patterns/divider.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/flex.d.ts

@@ -1,18 +1,18 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface FlexProperties {
-   align?: PropertyValue<'alignItems'>
-	justify?: PropertyValue<'justifyContent'>
-	direction?: PropertyValue<'flexDirection'>
-	wrap?: PropertyValue<'flexWrap'>
-	basis?: PropertyValue<'flexBasis'>
-	grow?: PropertyValue<'flexGrow'>
-	shrink?: PropertyValue<'flexShrink'>
+   align?: SystemProperties["alignItems"]
+	justify?: SystemProperties["justifyContent"]
+	direction?: SystemProperties["flexDirection"]
+	wrap?: SystemProperties["flexWrap"]
+	basis?: SystemProperties["flexBasis"]
+	grow?: SystemProperties["flexGrow"]
+	shrink?: SystemProperties["flexShrink"]
 }
 
 

package/patterns/float.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/grid-item.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/grid.d.ts

@@ -1,14 +1,14 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface GridProperties {
-   gap?: PropertyValue<'gap'>
-	columnGap?: PropertyValue<'gap'>
-	rowGap?: PropertyValue<'gap'>
+   gap?: SystemProperties["gap"]
+	columnGap?: SystemProperties["gap"]
+	rowGap?: SystemProperties["gap"]
 	columns?: ConditionalValue<number>
 	minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>
 }

package/patterns/hstack.d.ts

@@ -1,13 +1,13 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface HstackProperties {
-   justify?: PropertyValue<'justifyContent'>
-	gap?: PropertyValue<'gap'>
+   justify?: SystemProperties["justifyContent"]
+	gap?: SystemProperties["gap"]
 }
 
 

package/patterns/index.d.ts

@@ -8,7 +8,6 @@ export * from './spacer';
 export * from './square';
 export * from './circle';
 export * from './center';
-export * from './link-box';
 export * from './link-overlay';
 export * from './aspect-ratio';
 export * from './grid';

package/patterns/index.mjs

@@ -7,7 +7,6 @@ export * from './spacer.mjs';
 export * from './square.mjs';
 export * from './circle.mjs';
 export * from './center.mjs';
-export * from './link-box.mjs';
 export * from './link-overlay.mjs';
 export * from './aspect-ratio.mjs';
 export * from './grid.mjs';

package/patterns/link-overlay.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/link-overlay.mjs

@@ -4,12 +4,9 @@ import { css } from '../css/index.mjs';
 const linkOverlayConfig = {
 transform(props) {
   return {
-    position: "static",
     _before: {
       content: '""',
-      display: "block",
       position: "absolute",
-      cursor: "inherit",
       inset: "0",
       zIndex: "0",
       ...props["_before"]

package/patterns/spacer.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/square.d.ts

@@ -1,12 +1,12 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface SquareProperties {
-   size?: PropertyValue<'width'>
+   size?: SystemProperties["width"]
 }
 
 

package/patterns/stack.d.ts

@@ -1,15 +1,15 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface StackProperties {
-   align?: PropertyValue<'alignItems'>
-	justify?: PropertyValue<'justifyContent'>
-	direction?: PropertyValue<'flexDirection'>
-	gap?: PropertyValue<'gap'>
+   align?: SystemProperties["alignItems"]
+	justify?: SystemProperties["justifyContent"]
+	direction?: SystemProperties["flexDirection"]
+	gap?: SystemProperties["gap"]
 }
 
 

package/patterns/visually-hidden.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 

package/patterns/vstack.d.ts

@@ -1,13 +1,13 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface VstackProperties {
-   justify?: PropertyValue<'justifyContent'>
-	gap?: PropertyValue<'gap'>
+   justify?: SystemProperties["justifyContent"]
+	gap?: SystemProperties["gap"]
 }
 
 

package/patterns/wrap.d.ts

@@ -1,16 +1,16 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface WrapProperties {
-   gap?: PropertyValue<'gap'>
-	rowGap?: PropertyValue<'gap'>
-	columnGap?: PropertyValue<'gap'>
-	align?: PropertyValue<'alignItems'>
-	justify?: PropertyValue<'justifyContent'>
+   gap?: SystemProperties["gap"]
+	rowGap?: SystemProperties["gap"]
+	columnGap?: SystemProperties["gap"]
+	align?: SystemProperties["alignItems"]
+	justify?: SystemProperties["justifyContent"]
 }
 
 

package/recipes/accordion.d.ts

@@ -21,6 +21,7 @@ export interface AccordionRecipe {
   variantMap: AccordionVariantMap
   variantKeys: Array<keyof AccordionVariant>
   splitVariantProps<Props extends AccordionVariantProps>(props: Props): [AccordionVariantProps, Pretty<DistributiveOmit<Props, keyof AccordionVariantProps>>]
+  getVariantProps: (props?: AccordionVariantProps) => AccordionVariantProps
 }
 
 

package/recipes/accordion.mjs

@@ -1,4 +1,4 @@
-import { getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const accordionDefaultVariants = {
@@ -27,12 +27,13 @@ const accordionSlotNames = [
 const accordionSlotFns = /* @__PURE__ */ accordionSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, accordionDefaultVariants, getSlotCompoundVariant(accordionCompoundVariants, slotName))])
 
 const accordionFn = memo((props = {}) => {
-  return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+  return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
 })
 
 const accordionVariantKeys = [
   "size"
 ]
+const getVariantProps = (variants) => ({ ...accordionDefaultVariants, ...compact(variants) })
 
 export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   __recipe__: false,
@@ -47,4 +48,5 @@ export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   splitVariantProps(props) {
     return splitProps(props, accordionVariantKeys)
   },
+  getVariantProps
 })

package/recipes/avatar-group-slot-recipe.d.ts

@@ -21,6 +21,7 @@ export interface AvatarGroupSlotRecipeRecipe {
   variantMap: AvatarGroupSlotRecipeVariantMap
   variantKeys: Array<keyof AvatarGroupSlotRecipeVariant>
   splitVariantProps<Props extends AvatarGroupSlotRecipeVariantProps>(props: Props): [AvatarGroupSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarGroupSlotRecipeVariantProps>>]
+  getVariantProps: (props?: AvatarGroupSlotRecipeVariantProps) => AvatarGroupSlotRecipeVariantProps
 }
 
 

package/recipes/avatar-group-slot-recipe.mjs

@@ -1,4 +1,4 @@
-import { getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const avatarGroupSlotRecipeDefaultVariants = {}
@@ -17,12 +17,13 @@ const avatarGroupSlotRecipeSlotNames = [
 const avatarGroupSlotRecipeSlotFns = /* @__PURE__ */ avatarGroupSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarGroupSlotRecipeDefaultVariants, getSlotCompoundVariant(avatarGroupSlotRecipeCompoundVariants, slotName))])
 
 const avatarGroupSlotRecipeFn = memo((props = {}) => {
-  return Object.fromEntries(avatarGroupSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+  return Object.fromEntries(avatarGroupSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
 })
 
 const avatarGroupSlotRecipeVariantKeys = [
   "size"
 ]
+const getVariantProps = (variants) => ({ ...avatarGroupSlotRecipeDefaultVariants, ...compact(variants) })
 
 export const avatarGroupSlotRecipe = /* @__PURE__ */ Object.assign(avatarGroupSlotRecipeFn, {
   __recipe__: false,
@@ -40,4 +41,5 @@ export const avatarGroupSlotRecipe = /* @__PURE__ */ Object.assign(avatarGroupSl
   splitVariantProps(props) {
     return splitProps(props, avatarGroupSlotRecipeVariantKeys)
   },
+  getVariantProps
 })

package/recipes/avatar-slot-recipe.d.ts

@@ -24,6 +24,7 @@ export interface AvatarSlotRecipeRecipe {
   variantMap: AvatarSlotRecipeVariantMap
   variantKeys: Array<keyof AvatarSlotRecipeVariant>
   splitVariantProps<Props extends AvatarSlotRecipeVariantProps>(props: Props): [AvatarSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarSlotRecipeVariantProps>>]
+  getVariantProps: (props?: AvatarSlotRecipeVariantProps) => AvatarSlotRecipeVariantProps
 }
 
 

package/recipes/avatar-slot-recipe.mjs

@@ -1,4 +1,4 @@
-import { getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const avatarSlotRecipeDefaultVariants = {
@@ -73,7 +73,7 @@ const avatarSlotRecipeSlotNames = [
 const avatarSlotRecipeSlotFns = /* @__PURE__ */ avatarSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarSlotRecipeDefaultVariants, getSlotCompoundVariant(avatarSlotRecipeCompoundVariants, slotName))])
 
 const avatarSlotRecipeFn = memo((props = {}) => {
-  return Object.fromEntries(avatarSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+  return Object.fromEntries(avatarSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
 })
 
 const avatarSlotRecipeVariantKeys = [
@@ -82,6 +82,7 @@ const avatarSlotRecipeVariantKeys = [
   "variantColor",
   "size"
 ]
+const getVariantProps = (variants) => ({ ...avatarSlotRecipeDefaultVariants, ...compact(variants) })
 
 export const avatarSlotRecipe = /* @__PURE__ */ Object.assign(avatarSlotRecipeFn, {
   __recipe__: false,
@@ -125,4 +126,5 @@ export const avatarSlotRecipe = /* @__PURE__ */ Object.assign(avatarSlotRecipeFn
   splitVariantProps(props) {
     return splitProps(props, avatarSlotRecipeVariantKeys)
   },
+  getVariantProps
 })

package/recipes/badge-recipe.d.ts

@@ -23,6 +23,7 @@ export interface BadgeRecipeRecipe {
   variantMap: BadgeRecipeVariantMap
   variantKeys: Array<keyof BadgeRecipeVariant>
   splitVariantProps<Props extends BadgeRecipeVariantProps>(props: Props): [BadgeRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BadgeRecipeVariantProps>>]
+  getVariantProps: (props?: BadgeRecipeVariantProps) => BadgeRecipeVariantProps
 }
 
 

package/recipes/badge-recipe.mjs

@@ -145,9 +145,10 @@ const badgeRecipeVariantMap = {
 
 const badgeRecipeVariantKeys = Object.keys(badgeRecipeVariantMap)
 
-export const badgeRecipe = /* @__PURE__ */ Object.assign(memo(badgeRecipeFn), {
+export const badgeRecipe = /* @__PURE__ */ Object.assign(memo(badgeRecipeFn.recipeFn), {
   __recipe__: true,
   __name__: 'badgeRecipe',
+  __getCompoundVariantCss__: badgeRecipeFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: badgeRecipeVariantKeys,
   variantMap: badgeRecipeVariantMap,
@@ -157,4 +158,5 @@ export const badgeRecipe = /* @__PURE__ */ Object.assign(memo(badgeRecipeFn), {
   splitVariantProps(props) {
     return splitProps(props, badgeRecipeVariantKeys)
   },
+  getVariantProps: badgeRecipeFn.getVariantProps,
 })

package/recipes/banner-close-button-recipe.d.ts

@@ -21,6 +21,7 @@ export interface BannerCloseButtonRecipeRecipe {
   variantMap: BannerCloseButtonRecipeVariantMap
   variantKeys: Array<keyof BannerCloseButtonRecipeVariant>
   splitVariantProps<Props extends BannerCloseButtonRecipeVariantProps>(props: Props): [BannerCloseButtonRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerCloseButtonRecipeVariantProps>>]
+  getVariantProps: (props?: BannerCloseButtonRecipeVariantProps) => BannerCloseButtonRecipeVariantProps
 }
 
 

package/recipes/banner-close-button-recipe.mjs

@@ -7,9 +7,10 @@ const bannerCloseButtonRecipeVariantMap = {}
 
 const bannerCloseButtonRecipeVariantKeys = Object.keys(bannerCloseButtonRecipeVariantMap)
 
-export const bannerCloseButtonRecipe = /* @__PURE__ */ Object.assign(memo(bannerCloseButtonRecipeFn), {
+export const bannerCloseButtonRecipe = /* @__PURE__ */ Object.assign(memo(bannerCloseButtonRecipeFn.recipeFn), {
   __recipe__: true,
   __name__: 'bannerCloseButtonRecipe',
+  __getCompoundVariantCss__: bannerCloseButtonRecipeFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: bannerCloseButtonRecipeVariantKeys,
   variantMap: bannerCloseButtonRecipeVariantMap,
@@ -19,4 +20,5 @@ export const bannerCloseButtonRecipe = /* @__PURE__ */ Object.assign(memo(banner
   splitVariantProps(props) {
     return splitProps(props, bannerCloseButtonRecipeVariantKeys)
   },
+  getVariantProps: bannerCloseButtonRecipeFn.getVariantProps,
 })

package/recipes/banner-description-recipe.d.ts

@@ -21,6 +21,7 @@ export interface BannerDescriptionRecipeRecipe {
   variantMap: BannerDescriptionRecipeVariantMap
   variantKeys: Array<keyof BannerDescriptionRecipeVariant>
   splitVariantProps<Props extends BannerDescriptionRecipeVariantProps>(props: Props): [BannerDescriptionRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerDescriptionRecipeVariantProps>>]
+  getVariantProps: (props?: BannerDescriptionRecipeVariantProps) => BannerDescriptionRecipeVariantProps
 }
 
 

package/recipes/banner-description-recipe.mjs

@@ -7,9 +7,10 @@ const bannerDescriptionRecipeVariantMap = {}
 
 const bannerDescriptionRecipeVariantKeys = Object.keys(bannerDescriptionRecipeVariantMap)
 
-export const bannerDescriptionRecipe = /* @__PURE__ */ Object.assign(memo(bannerDescriptionRecipeFn), {
+export const bannerDescriptionRecipe = /* @__PURE__ */ Object.assign(memo(bannerDescriptionRecipeFn.recipeFn), {
   __recipe__: true,
   __name__: 'bannerDescriptionRecipe',
+  __getCompoundVariantCss__: bannerDescriptionRecipeFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: bannerDescriptionRecipeVariantKeys,
   variantMap: bannerDescriptionRecipeVariantMap,
@@ -19,4 +20,5 @@ export const bannerDescriptionRecipe = /* @__PURE__ */ Object.assign(memo(banner
   splitVariantProps(props) {
     return splitProps(props, bannerDescriptionRecipeVariantKeys)
   },
+  getVariantProps: bannerDescriptionRecipeFn.getVariantProps,
 })

package/recipes/banner-icon-slot-recipe.d.ts

@@ -21,6 +21,7 @@ export interface BannerIconSlotRecipeRecipe {
   variantMap: BannerIconSlotRecipeVariantMap
   variantKeys: Array<keyof BannerIconSlotRecipeVariant>
   splitVariantProps<Props extends BannerIconSlotRecipeVariantProps>(props: Props): [BannerIconSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerIconSlotRecipeVariantProps>>]
+  getVariantProps: (props?: BannerIconSlotRecipeVariantProps) => BannerIconSlotRecipeVariantProps
 }
 
 

package/recipes/banner-icon-slot-recipe.mjs

@@ -1,4 +1,4 @@
-import { getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const bannerIconSlotRecipeDefaultVariants = {}
@@ -17,10 +17,11 @@ const bannerIconSlotRecipeSlotNames = [
 const bannerIconSlotRecipeSlotFns = /* @__PURE__ */ bannerIconSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, bannerIconSlotRecipeDefaultVariants, getSlotCompoundVariant(bannerIconSlotRecipeCompoundVariants, slotName))])
 
 const bannerIconSlotRecipeFn = memo((props = {}) => {
-  return Object.fromEntries(bannerIconSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+  return Object.fromEntries(bannerIconSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
 })
 
 const bannerIconSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...bannerIconSlotRecipeDefaultVariants, ...compact(variants) })
 
 export const bannerIconSlotRecipe = /* @__PURE__ */ Object.assign(bannerIconSlotRecipeFn, {
   __recipe__: false,
@@ -31,4 +32,5 @@ export const bannerIconSlotRecipe = /* @__PURE__ */ Object.assign(bannerIconSlot
   splitVariantProps(props) {
     return splitProps(props, bannerIconSlotRecipeVariantKeys)
   },
+  getVariantProps
 })