@luxonis/depthai-pipeline-lib 1.4.13 → 1.5.0

package/dist/src/styled-system/recipes/context-menu.d.mts

@@ -1,10 +1,12 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface ContextMenuVariant {
-  inset: boolean
+  /**
+ * @default false
+ */
+inset: boolean
 }
 
 type ContextMenuVariantMap = {
@@ -12,7 +14,7 @@ type ContextMenuVariantMap = {
 }
 
 export type ContextMenuVariantProps = {
-  [key in keyof ContextMenuVariant]?: ConditionalValue<ContextMenuVariant[key]>
+  [key in keyof ContextMenuVariant]?: ConditionalValue<ContextMenuVariant[key]> | undefined
 }
 
 export interface ContextMenuRecipe {
@@ -22,7 +24,12 @@ export interface ContextMenuRecipe {
   variantMap: ContextMenuVariantMap
   variantKeys: Array<keyof ContextMenuVariant>
   splitVariantProps<Props extends ContextMenuVariantProps>(props: Props): [ContextMenuVariantProps, Pretty<DistributiveOmit<Props, keyof ContextMenuVariantProps>>]
+  getVariantProps: (props?: ContextMenuVariantProps) => ContextMenuVariantProps
 }
 
-/** Styles for the ContextMenu component */
+/**
+ * Styles for the ContextMenu component
+
+
+ */
 export declare const contextMenu: ContextMenuRecipe

package/dist/src/styled-system/recipes/context-menu.mjs

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const contextMenuDefaultVariants = {
@@ -74,13 +74,14 @@ const contextMenuSlotNames = [
 ]
 const contextMenuSlotFns = /* @__PURE__ */ contextMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, contextMenuDefaultVariants, getSlotCompoundVariant(contextMenuCompoundVariants, slotName))])
 
-const contextMenuFn = (props = {}) => {
-  return Object.fromEntries(contextMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const contextMenuFn = memo((props = {}) => {
+  return Object.fromEntries(contextMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const contextMenuVariantKeys = [
   "inset"
 ]
+const getVariantProps = (variants) => ({ ...contextMenuDefaultVariants, ...compact(variants) })
 
 export const contextMenu = /* @__PURE__ */ Object.assign(contextMenuFn, {
   __recipe__: false,
@@ -95,4 +96,5 @@ export const contextMenu = /* @__PURE__ */ Object.assign(contextMenuFn, {
   splitVariantProps(props) {
     return splitProps(props, contextMenuVariantKeys)
   },
+  getVariantProps
 })

package/dist/src/styled-system/recipes/create-recipe.mjs

@@ -1,10 +1,11 @@
+import { finalizeConditions, sortConditions } from '../css/conditions.mjs';
 import { css } from '../css/css.mjs';
 import { assertCompoundVariant, getCompoundVariantCss } from '../css/cva.mjs';
 import { cx } from '../css/cx.mjs';
-import { compact, createCss, withoutSpace } from '../helpers.mjs';
+import { compact, createCss, splitProps, uniq, withoutSpace } from '../helpers.mjs';
 
 export const createRecipe = (name, defaultVariants, compoundVariants) => {
- const getRecipeStyles = (variants) => {
+ const getVariantProps = (variants) => {
    return {
      [name]: '__ignore__',
      ...defaultVariants,
@@ -26,13 +27,19 @@ export const createRecipe = (name, defaultVariants, compoundVariants) => {
 
    const recipeCss = createCss({
      
+     conditions: {
+       shift: sortConditions,
+       finalize: finalizeConditions,
+       breakpoints: { keys: ["base","sm","md","lg","2lg","xl","2xl"] }
+     },
      utility: {
        
+       toHash: (path, hashFn) => hashFn(path.join(":")),
        transform,
      }
    })
 
-   const recipeStyles = getRecipeStyles(variants)
+   const recipeStyles = getVariantProps(variants)
 
    if (withCompoundVariants) {
      const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
@@ -42,9 +49,34 @@ export const createRecipe = (name, defaultVariants, compoundVariants) => {
    return recipeCss(recipeStyles)
   }
 
-   return Object.assign(recipeFn, {
+   return {
+     recipeFn,
+     getVariantProps,
      __getCompoundVariantCss__: (variants) => {
-       return getCompoundVariantCss(compoundVariants, getRecipeStyles(variants));
+       return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
      },
-   })
-}
+   }
+}
+
+export const mergeRecipes = (recipeA, recipeB) => {
+ if (recipeA && !recipeB) return recipeA
+ if (!recipeA && recipeB) return recipeB
+
+ const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args))
+ const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys)
+ const variantMap = variantKeys.reduce((acc, key) => {
+   acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key])
+   return acc
+ }, {})
+
+ return Object.assign(recipeFn, {
+   __recipe__: true,
+   __name__: `${recipeA.__name__} ${recipeB.__name__}`,
+   raw: (props) => props,
+   variantKeys,
+   variantMap,
+   splitVariantProps(props) {
+     return splitProps(props, variantKeys)
+   },
+ })
+ }

package/dist/src/styled-system/recipes/dialog.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface DialogVariant {
   
@@ -12,7 +11,7 @@ type DialogVariantMap = {
 }
 
 export type DialogVariantProps = {
-  [key in keyof DialogVariant]?: ConditionalValue<DialogVariant[key]>
+  [key in keyof DialogVariant]?: ConditionalValue<DialogVariant[key]> | undefined
 }
 
 export interface DialogRecipe {
@@ -22,7 +21,12 @@ export interface DialogRecipe {
   variantMap: DialogVariantMap
   variantKeys: Array<keyof DialogVariant>
   splitVariantProps<Props extends DialogVariantProps>(props: Props): [DialogVariantProps, Pretty<DistributiveOmit<Props, keyof DialogVariantProps>>]
+  getVariantProps: (props?: DialogVariantProps) => DialogVariantProps
 }
 
-/** Styles for the Dialog component */
+/**
+ * Styles for the Dialog component
+
+
+ */
 export declare const dialog: DialogRecipe

package/dist/src/styled-system/recipes/dialog.mjs

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const dialogDefaultVariants = {}
@@ -48,11 +48,12 @@ const dialogSlotNames = [
 ]
 const dialogSlotFns = /* @__PURE__ */ dialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dialogDefaultVariants, getSlotCompoundVariant(dialogCompoundVariants, slotName))])
 
-const dialogFn = (props = {}) => {
-  return Object.fromEntries(dialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const dialogFn = memo((props = {}) => {
+  return Object.fromEntries(dialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const dialogVariantKeys = []
+const getVariantProps = (variants) => ({ ...dialogDefaultVariants, ...compact(variants) })
 
 export const dialog = /* @__PURE__ */ Object.assign(dialogFn, {
   __recipe__: false,
@@ -63,4 +64,5 @@ export const dialog = /* @__PURE__ */ Object.assign(dialogFn, {
   splitVariantProps(props) {
     return splitProps(props, dialogVariantKeys)
   },
+  getVariantProps
 })

package/dist/src/styled-system/recipes/dropdown-menu.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface DropdownMenuVariant {
   
@@ -12,7 +11,7 @@ type DropdownMenuVariantMap = {
 }
 
 export type DropdownMenuVariantProps = {
-  [key in keyof DropdownMenuVariant]?: ConditionalValue<DropdownMenuVariant[key]>
+  [key in keyof DropdownMenuVariant]?: ConditionalValue<DropdownMenuVariant[key]> | undefined
 }
 
 export interface DropdownMenuRecipe {
@@ -22,7 +21,12 @@ export interface DropdownMenuRecipe {
   variantMap: DropdownMenuVariantMap
   variantKeys: Array<keyof DropdownMenuVariant>
   splitVariantProps<Props extends DropdownMenuVariantProps>(props: Props): [DropdownMenuVariantProps, Pretty<DistributiveOmit<Props, keyof DropdownMenuVariantProps>>]
+  getVariantProps: (props?: DropdownMenuVariantProps) => DropdownMenuVariantProps
 }
 
-/** Styles for the DropdownMenu component */
+/**
+ * Styles for the DropdownMenu component
+
+
+ */
 export declare const dropdownMenu: DropdownMenuRecipe

package/dist/src/styled-system/recipes/dropdown-menu.mjs

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const dropdownMenuDefaultVariants = {}
@@ -72,11 +72,12 @@ const dropdownMenuSlotNames = [
 ]
 const dropdownMenuSlotFns = /* @__PURE__ */ dropdownMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropdownMenuDefaultVariants, getSlotCompoundVariant(dropdownMenuCompoundVariants, slotName))])
 
-const dropdownMenuFn = (props = {}) => {
-  return Object.fromEntries(dropdownMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const dropdownMenuFn = memo((props = {}) => {
+  return Object.fromEntries(dropdownMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const dropdownMenuVariantKeys = []
+const getVariantProps = (variants) => ({ ...dropdownMenuDefaultVariants, ...compact(variants) })
 
 export const dropdownMenu = /* @__PURE__ */ Object.assign(dropdownMenuFn, {
   __recipe__: false,
@@ -87,4 +88,5 @@ export const dropdownMenu = /* @__PURE__ */ Object.assign(dropdownMenuFn, {
   splitVariantProps(props) {
     return splitProps(props, dropdownMenuVariantKeys)
   },
+  getVariantProps
 })

package/dist/src/styled-system/recipes/form-control.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface FormControlVariant {
   
@@ -12,7 +11,7 @@ type FormControlVariantMap = {
 }
 
 export type FormControlVariantProps = {
-  [key in keyof FormControlVariant]?: ConditionalValue<FormControlVariant[key]>
+  [key in keyof FormControlVariant]?: ConditionalValue<FormControlVariant[key]> | undefined
 }
 
 export interface FormControlRecipe {
@@ -22,7 +21,12 @@ export interface FormControlRecipe {
   variantMap: FormControlVariantMap
   variantKeys: Array<keyof FormControlVariant>
   splitVariantProps<Props extends FormControlVariantProps>(props: Props): [FormControlVariantProps, Pretty<DistributiveOmit<Props, keyof FormControlVariantProps>>]
+  getVariantProps: (props?: FormControlVariantProps) => FormControlVariantProps
 }
 
-/** Styles for the FormControl component */
+/**
+ * Styles for the FormControl component
+
+
+ */
 export declare const formControl: FormControlRecipe

package/dist/src/styled-system/recipes/form-control.mjs

@@ -1,5 +1,5 @@
-import { splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const formControlFn = /* @__PURE__ */ createRecipe('formControl', {}, [])
 
@@ -7,13 +7,18 @@ const formControlVariantMap = {}
 
 const formControlVariantKeys = Object.keys(formControlVariantMap)
 
-export const formControl = /* @__PURE__ */ Object.assign(formControlFn, {
+export const formControl = /* @__PURE__ */ Object.assign(memo(formControlFn.recipeFn), {
   __recipe__: true,
   __name__: 'formControl',
+  __getCompoundVariantCss__: formControlFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: formControlVariantKeys,
   variantMap: formControlVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, formControlVariantKeys)
   },
+  getVariantProps: formControlFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/form-description.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface FormDescriptionVariant {
   
@@ -12,7 +11,7 @@ type FormDescriptionVariantMap = {
 }
 
 export type FormDescriptionVariantProps = {
-  [key in keyof FormDescriptionVariant]?: ConditionalValue<FormDescriptionVariant[key]>
+  [key in keyof FormDescriptionVariant]?: ConditionalValue<FormDescriptionVariant[key]> | undefined
 }
 
 export interface FormDescriptionRecipe {
@@ -22,7 +21,12 @@ export interface FormDescriptionRecipe {
   variantMap: FormDescriptionVariantMap
   variantKeys: Array<keyof FormDescriptionVariant>
   splitVariantProps<Props extends FormDescriptionVariantProps>(props: Props): [FormDescriptionVariantProps, Pretty<DistributiveOmit<Props, keyof FormDescriptionVariantProps>>]
+  getVariantProps: (props?: FormDescriptionVariantProps) => FormDescriptionVariantProps
 }
 
-/** Styles for the FormDescription component */
+/**
+ * Styles for the FormDescription component
+
+
+ */
 export declare const formDescription: FormDescriptionRecipe

package/dist/src/styled-system/recipes/form-description.mjs

@@ -1,5 +1,5 @@
-import { splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const formDescriptionFn = /* @__PURE__ */ createRecipe('formDescription', {}, [])
 
@@ -7,13 +7,18 @@ const formDescriptionVariantMap = {}
 
 const formDescriptionVariantKeys = Object.keys(formDescriptionVariantMap)
 
-export const formDescription = /* @__PURE__ */ Object.assign(formDescriptionFn, {
+export const formDescription = /* @__PURE__ */ Object.assign(memo(formDescriptionFn.recipeFn), {
   __recipe__: true,
   __name__: 'formDescription',
+  __getCompoundVariantCss__: formDescriptionFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: formDescriptionVariantKeys,
   variantMap: formDescriptionVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, formDescriptionVariantKeys)
   },
+  getVariantProps: formDescriptionFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/form-item.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface FormItemVariant {
   
@@ -12,7 +11,7 @@ type FormItemVariantMap = {
 }
 
 export type FormItemVariantProps = {
-  [key in keyof FormItemVariant]?: ConditionalValue<FormItemVariant[key]>
+  [key in keyof FormItemVariant]?: ConditionalValue<FormItemVariant[key]> | undefined
 }
 
 export interface FormItemRecipe {
@@ -22,7 +21,12 @@ export interface FormItemRecipe {
   variantMap: FormItemVariantMap
   variantKeys: Array<keyof FormItemVariant>
   splitVariantProps<Props extends FormItemVariantProps>(props: Props): [FormItemVariantProps, Pretty<DistributiveOmit<Props, keyof FormItemVariantProps>>]
+  getVariantProps: (props?: FormItemVariantProps) => FormItemVariantProps
 }
 
-/** Styles for the FormItem component */
+/**
+ * Styles for the FormItem component
+
+
+ */
 export declare const formItem: FormItemRecipe

package/dist/src/styled-system/recipes/form-item.mjs

@@ -1,5 +1,5 @@
-import { splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const formItemFn = /* @__PURE__ */ createRecipe('formItem', {}, [])
 
@@ -7,13 +7,18 @@ const formItemVariantMap = {}
 
 const formItemVariantKeys = Object.keys(formItemVariantMap)
 
-export const formItem = /* @__PURE__ */ Object.assign(formItemFn, {
+export const formItem = /* @__PURE__ */ Object.assign(memo(formItemFn.recipeFn), {
   __recipe__: true,
   __name__: 'formItem',
+  __getCompoundVariantCss__: formItemFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: formItemVariantKeys,
   variantMap: formItemVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, formItemVariantKeys)
   },
+  getVariantProps: formItemFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/form-label.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface FormLabelVariant {
   
@@ -12,7 +11,7 @@ type FormLabelVariantMap = {
 }
 
 export type FormLabelVariantProps = {
-  [key in keyof FormLabelVariant]?: ConditionalValue<FormLabelVariant[key]>
+  [key in keyof FormLabelVariant]?: ConditionalValue<FormLabelVariant[key]> | undefined
 }
 
 export interface FormLabelRecipe {
@@ -22,7 +21,12 @@ export interface FormLabelRecipe {
   variantMap: FormLabelVariantMap
   variantKeys: Array<keyof FormLabelVariant>
   splitVariantProps<Props extends FormLabelVariantProps>(props: Props): [FormLabelVariantProps, Pretty<DistributiveOmit<Props, keyof FormLabelVariantProps>>]
+  getVariantProps: (props?: FormLabelVariantProps) => FormLabelVariantProps
 }
 
-/** Styles for the FormLabel component */
+/**
+ * Styles for the FormLabel component
+
+
+ */
 export declare const formLabel: FormLabelRecipe

package/dist/src/styled-system/recipes/form-label.mjs

@@ -1,5 +1,5 @@
-import { splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const formLabelFn = /* @__PURE__ */ createRecipe('formLabel', {}, [])
 
@@ -7,13 +7,18 @@ const formLabelVariantMap = {}
 
 const formLabelVariantKeys = Object.keys(formLabelVariantMap)
 
-export const formLabel = /* @__PURE__ */ Object.assign(formLabelFn, {
+export const formLabel = /* @__PURE__ */ Object.assign(memo(formLabelFn.recipeFn), {
   __recipe__: true,
   __name__: 'formLabel',
+  __getCompoundVariantCss__: formLabelFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: formLabelVariantKeys,
   variantMap: formLabelVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, formLabelVariantKeys)
   },
+  getVariantProps: formLabelFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/form-message.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface FormMessageVariant {
   
@@ -12,7 +11,7 @@ type FormMessageVariantMap = {
 }
 
 export type FormMessageVariantProps = {
-  [key in keyof FormMessageVariant]?: ConditionalValue<FormMessageVariant[key]>
+  [key in keyof FormMessageVariant]?: ConditionalValue<FormMessageVariant[key]> | undefined
 }
 
 export interface FormMessageRecipe {
@@ -22,7 +21,12 @@ export interface FormMessageRecipe {
   variantMap: FormMessageVariantMap
   variantKeys: Array<keyof FormMessageVariant>
   splitVariantProps<Props extends FormMessageVariantProps>(props: Props): [FormMessageVariantProps, Pretty<DistributiveOmit<Props, keyof FormMessageVariantProps>>]
+  getVariantProps: (props?: FormMessageVariantProps) => FormMessageVariantProps
 }
 
-/** Styles for the FormMessage component */
+/**
+ * Styles for the FormMessage component
+
+
+ */
 export declare const formMessage: FormMessageRecipe

package/dist/src/styled-system/recipes/form-message.mjs

@@ -1,5 +1,5 @@
-import { splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const formMessageFn = /* @__PURE__ */ createRecipe('formMessage', {}, [])
 
@@ -7,13 +7,18 @@ const formMessageVariantMap = {}
 
 const formMessageVariantKeys = Object.keys(formMessageVariantMap)
 
-export const formMessage = /* @__PURE__ */ Object.assign(formMessageFn, {
+export const formMessage = /* @__PURE__ */ Object.assign(memo(formMessageFn.recipeFn), {
   __recipe__: true,
   __name__: 'formMessage',
+  __getCompoundVariantCss__: formMessageFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: formMessageVariantKeys,
   variantMap: formMessageVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, formMessageVariantKeys)
   },
+  getVariantProps: formMessageFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/h1.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface H1Variant {
   
@@ -12,7 +11,7 @@ type H1VariantMap = {
 }
 
 export type H1VariantProps = {
-  [key in keyof H1Variant]?: ConditionalValue<H1Variant[key]>
+  [key in keyof H1Variant]?: ConditionalValue<H1Variant[key]> | undefined
 }
 
 export interface H1Recipe {
@@ -22,7 +21,12 @@ export interface H1Recipe {
   variantMap: H1VariantMap
   variantKeys: Array<keyof H1Variant>
   splitVariantProps<Props extends H1VariantProps>(props: Props): [H1VariantProps, Pretty<DistributiveOmit<Props, keyof H1VariantProps>>]
+  getVariantProps: (props?: H1VariantProps) => H1VariantProps
 }
 
-/** Typography - h1 style */
+/**
+ * Typography - h1 style
+
+
+ */
 export declare const h1: H1Recipe

package/dist/src/styled-system/recipes/h1.mjs

@@ -1,5 +1,5 @@
-import { splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const h1Fn = /* @__PURE__ */ createRecipe('h1', {}, [])
 
@@ -7,13 +7,18 @@ const h1VariantMap = {}
 
 const h1VariantKeys = Object.keys(h1VariantMap)
 
-export const h1 = /* @__PURE__ */ Object.assign(h1Fn, {
+export const h1 = /* @__PURE__ */ Object.assign(memo(h1Fn.recipeFn), {
   __recipe__: true,
   __name__: 'h1',
+  __getCompoundVariantCss__: h1Fn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: h1VariantKeys,
   variantMap: h1VariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, h1VariantKeys)
   },
+  getVariantProps: h1Fn.getVariantProps,
 })

package/dist/src/styled-system/recipes/h2.d.mts

@@ -1,7 +1,6 @@
 /* eslint-disable */
 import type { ConditionalValue } from '../types/index.d.mts';
-import type { Pretty } from '../types/helpers.d.mts';
-import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface H2Variant {
   
@@ -12,7 +11,7 @@ type H2VariantMap = {
 }
 
 export type H2VariantProps = {
-  [key in keyof H2Variant]?: ConditionalValue<H2Variant[key]>
+  [key in keyof H2Variant]?: ConditionalValue<H2Variant[key]> | undefined
 }
 
 export interface H2Recipe {
@@ -22,7 +21,12 @@ export interface H2Recipe {
   variantMap: H2VariantMap
   variantKeys: Array<keyof H2Variant>
   splitVariantProps<Props extends H2VariantProps>(props: Props): [H2VariantProps, Pretty<DistributiveOmit<Props, keyof H2VariantProps>>]
+  getVariantProps: (props?: H2VariantProps) => H2VariantProps
 }
 
-/** Typography - h2 style */
+/**
+ * Typography - h2 style
+
+
+ */
 export declare const h2: H2Recipe