@luxonis/depthai-pipeline-lib 1.4.13 → 1.5.0

package/dist/src/styled-system/patterns/wrap.d.mts

@@ -1,16 +1,16 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { PropertyValue } from '../types/prop-type.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 
 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/dist/src/styled-system/patterns/wrap.mjs

@@ -1,4 +1,4 @@
-import { mapObject } from '../helpers.mjs';
+import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const wrapConfig = {
@@ -16,7 +16,10 @@ transform(props) {
   };
 }}
 
-export const getWrapStyle = (styles = {}) => wrapConfig.transform(styles, { map: mapObject })
+export const getWrapStyle = (styles = {}) => {
+  const _styles = getPatternStyles(wrapConfig, styles)
+  return wrapConfig.transform(_styles, patternFns)
+}
 
 export const wrap = (styles) => css(getWrapStyle(styles))
 wrap.raw = getWrapStyle

package/dist/src/styled-system/recipes/accordion.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 AccordionVariant {
   
@@ -12,7 +11,7 @@ type AccordionVariantMap = {
 }
 
 export type AccordionVariantProps = {
-  [key in keyof AccordionVariant]?: ConditionalValue<AccordionVariant[key]>
+  [key in keyof AccordionVariant]?: ConditionalValue<AccordionVariant[key]> | undefined
 }
 
 export interface AccordionRecipe {
@@ -22,7 +21,12 @@ 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
 }
 
-/** Styles for the Accordion component */
+/**
+ * Styles for the Accordion component
+
+
+ */
 export declare const accordion: AccordionRecipe

package/dist/src/styled-system/recipes/accordion.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 accordionDefaultVariants = {}
@@ -28,11 +28,12 @@ const accordionSlotNames = [
 ]
 const accordionSlotFns = /* @__PURE__ */ accordionSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, accordionDefaultVariants, getSlotCompoundVariant(accordionCompoundVariants, slotName))])
 
-const accordionFn = (props = {}) => {
-  return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const accordionFn = memo((props = {}) => {
+  return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const accordionVariantKeys = []
+const getVariantProps = (variants) => ({ ...accordionDefaultVariants, ...compact(variants) })
 
 export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   __recipe__: false,
@@ -43,4 +44,5 @@ export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   splitVariantProps(props) {
     return splitProps(props, accordionVariantKeys)
   },
+  getVariantProps
 })

package/dist/src/styled-system/recipes/alert-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 AlertDescriptionVariant {
   
@@ -12,7 +11,7 @@ type AlertDescriptionVariantMap = {
 }
 
 export type AlertDescriptionVariantProps = {
-  [key in keyof AlertDescriptionVariant]?: ConditionalValue<AlertDescriptionVariant[key]>
+  [key in keyof AlertDescriptionVariant]?: ConditionalValue<AlertDescriptionVariant[key]> | undefined
 }
 
 export interface AlertDescriptionRecipe {
@@ -22,7 +21,12 @@ export interface AlertDescriptionRecipe {
   variantMap: AlertDescriptionVariantMap
   variantKeys: Array<keyof AlertDescriptionVariant>
   splitVariantProps<Props extends AlertDescriptionVariantProps>(props: Props): [AlertDescriptionVariantProps, Pretty<DistributiveOmit<Props, keyof AlertDescriptionVariantProps>>]
+  getVariantProps: (props?: AlertDescriptionVariantProps) => AlertDescriptionVariantProps
 }
 
-/** Styles for the AlertDescription component */
+/**
+ * Styles for the AlertDescription component
+
+
+ */
 export declare const alertDescription: AlertDescriptionRecipe

package/dist/src/styled-system/recipes/alert-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 alertDescriptionFn = /* @__PURE__ */ createRecipe('alertDescription', {}, [])
 
@@ -7,13 +7,18 @@ const alertDescriptionVariantMap = {}
 
 const alertDescriptionVariantKeys = Object.keys(alertDescriptionVariantMap)
 
-export const alertDescription = /* @__PURE__ */ Object.assign(alertDescriptionFn, {
+export const alertDescription = /* @__PURE__ */ Object.assign(memo(alertDescriptionFn.recipeFn), {
   __recipe__: true,
   __name__: 'alertDescription',
+  __getCompoundVariantCss__: alertDescriptionFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: alertDescriptionVariantKeys,
   variantMap: alertDescriptionVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, alertDescriptionVariantKeys)
   },
+  getVariantProps: alertDescriptionFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/alert-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 AlertDialogVariant {
   
@@ -12,7 +11,7 @@ type AlertDialogVariantMap = {
 }
 
 export type AlertDialogVariantProps = {
-  [key in keyof AlertDialogVariant]?: ConditionalValue<AlertDialogVariant[key]>
+  [key in keyof AlertDialogVariant]?: ConditionalValue<AlertDialogVariant[key]> | undefined
 }
 
 export interface AlertDialogRecipe {
@@ -22,7 +21,12 @@ export interface AlertDialogRecipe {
   variantMap: AlertDialogVariantMap
   variantKeys: Array<keyof AlertDialogVariant>
   splitVariantProps<Props extends AlertDialogVariantProps>(props: Props): [AlertDialogVariantProps, Pretty<DistributiveOmit<Props, keyof AlertDialogVariantProps>>]
+  getVariantProps: (props?: AlertDialogVariantProps) => AlertDialogVariantProps
 }
 
-/** Styles for the AlertDialog component */
+/**
+ * Styles for the AlertDialog component
+
+
+ */
 export declare const alertDialog: AlertDialogRecipe

package/dist/src/styled-system/recipes/alert-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 alertDialogDefaultVariants = {}
@@ -52,11 +52,12 @@ const alertDialogSlotNames = [
 ]
 const alertDialogSlotFns = /* @__PURE__ */ alertDialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, alertDialogDefaultVariants, getSlotCompoundVariant(alertDialogCompoundVariants, slotName))])
 
-const alertDialogFn = (props = {}) => {
-  return Object.fromEntries(alertDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const alertDialogFn = memo((props = {}) => {
+  return Object.fromEntries(alertDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const alertDialogVariantKeys = []
+const getVariantProps = (variants) => ({ ...alertDialogDefaultVariants, ...compact(variants) })
 
 export const alertDialog = /* @__PURE__ */ Object.assign(alertDialogFn, {
   __recipe__: false,
@@ -67,4 +68,5 @@ export const alertDialog = /* @__PURE__ */ Object.assign(alertDialogFn, {
   splitVariantProps(props) {
     return splitProps(props, alertDialogVariantKeys)
   },
+  getVariantProps
 })

package/dist/src/styled-system/recipes/alert-title.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 AlertTitleVariant {
   
@@ -12,7 +11,7 @@ type AlertTitleVariantMap = {
 }
 
 export type AlertTitleVariantProps = {
-  [key in keyof AlertTitleVariant]?: ConditionalValue<AlertTitleVariant[key]>
+  [key in keyof AlertTitleVariant]?: ConditionalValue<AlertTitleVariant[key]> | undefined
 }
 
 export interface AlertTitleRecipe {
@@ -22,7 +21,12 @@ export interface AlertTitleRecipe {
   variantMap: AlertTitleVariantMap
   variantKeys: Array<keyof AlertTitleVariant>
   splitVariantProps<Props extends AlertTitleVariantProps>(props: Props): [AlertTitleVariantProps, Pretty<DistributiveOmit<Props, keyof AlertTitleVariantProps>>]
+  getVariantProps: (props?: AlertTitleVariantProps) => AlertTitleVariantProps
 }
 
-/** Styles for the AlertTitle component */
+/**
+ * Styles for the AlertTitle component
+
+
+ */
 export declare const alertTitle: AlertTitleRecipe

package/dist/src/styled-system/recipes/alert-title.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 alertTitleFn = /* @__PURE__ */ createRecipe('alertTitle', {}, [])
 
@@ -7,13 +7,18 @@ const alertTitleVariantMap = {}
 
 const alertTitleVariantKeys = Object.keys(alertTitleVariantMap)
 
-export const alertTitle = /* @__PURE__ */ Object.assign(alertTitleFn, {
+export const alertTitle = /* @__PURE__ */ Object.assign(memo(alertTitleFn.recipeFn), {
   __recipe__: true,
   __name__: 'alertTitle',
+  __getCompoundVariantCss__: alertTitleFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: alertTitleVariantKeys,
   variantMap: alertTitleVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, alertTitleVariantKeys)
   },
+  getVariantProps: alertTitleFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/alert.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 AlertVariant {
-  variant: "default" | "destructive"
+  /**
+ * @default "default"
+ */
+variant: "default" | "destructive"
 }
 
 type AlertVariantMap = {
@@ -12,7 +14,7 @@ type AlertVariantMap = {
 }
 
 export type AlertVariantProps = {
-  [key in keyof AlertVariant]?: ConditionalValue<AlertVariant[key]>
+  [key in keyof AlertVariant]?: ConditionalValue<AlertVariant[key]> | undefined
 }
 
 export interface AlertRecipe {
@@ -22,7 +24,12 @@ export interface AlertRecipe {
   variantMap: AlertVariantMap
   variantKeys: Array<keyof AlertVariant>
   splitVariantProps<Props extends AlertVariantProps>(props: Props): [AlertVariantProps, Pretty<DistributiveOmit<Props, keyof AlertVariantProps>>]
+  getVariantProps: (props?: AlertVariantProps) => AlertVariantProps
 }
 
-/** Styles for the Alert component */
+/**
+ * Styles for the Alert component
+
+
+ */
 export declare const alert: AlertRecipe

package/dist/src/styled-system/recipes/alert.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 alertFn = /* @__PURE__ */ createRecipe('alert', {
   "variant": "default"
@@ -14,13 +14,18 @@ const alertVariantMap = {
 
 const alertVariantKeys = Object.keys(alertVariantMap)
 
-export const alert = /* @__PURE__ */ Object.assign(alertFn, {
+export const alert = /* @__PURE__ */ Object.assign(memo(alertFn.recipeFn), {
   __recipe__: true,
   __name__: 'alert',
+  __getCompoundVariantCss__: alertFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: alertVariantKeys,
   variantMap: alertVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, alertVariantKeys)
   },
+  getVariantProps: alertFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/avatar.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 AvatarVariant {
   
@@ -12,7 +11,7 @@ type AvatarVariantMap = {
 }
 
 export type AvatarVariantProps = {
-  [key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]>
+  [key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]> | undefined
 }
 
 export interface AvatarRecipe {
@@ -22,7 +21,12 @@ export interface AvatarRecipe {
   variantMap: AvatarVariantMap
   variantKeys: Array<keyof AvatarVariant>
   splitVariantProps<Props extends AvatarVariantProps>(props: Props): [AvatarVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarVariantProps>>]
+  getVariantProps: (props?: AvatarVariantProps) => AvatarVariantProps
 }
 
-/** Styles for the Avatar component */
+/**
+ * Styles for the Avatar component
+
+
+ */
 export declare const avatar: AvatarRecipe

package/dist/src/styled-system/recipes/avatar.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 avatarDefaultVariants = {}
@@ -20,11 +20,12 @@ const avatarSlotNames = [
 ]
 const avatarSlotFns = /* @__PURE__ */ avatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarDefaultVariants, getSlotCompoundVariant(avatarCompoundVariants, slotName))])
 
-const avatarFn = (props = {}) => {
-  return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const avatarFn = memo((props = {}) => {
+  return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const avatarVariantKeys = []
+const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) })
 
 export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
@@ -35,4 +36,5 @@ export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   splitVariantProps(props) {
     return splitProps(props, avatarVariantKeys)
   },
+  getVariantProps
 })

package/dist/src/styled-system/recipes/badge.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 BadgeVariant {
-  variant: "default" | "secondary" | "destructive" | "outline"
+  /**
+ * @default "default"
+ */
+variant: "default" | "secondary" | "destructive" | "outline"
 }
 
 type BadgeVariantMap = {
@@ -12,7 +14,7 @@ type BadgeVariantMap = {
 }
 
 export type BadgeVariantProps = {
-  [key in keyof BadgeVariant]?: ConditionalValue<BadgeVariant[key]>
+  [key in keyof BadgeVariant]?: ConditionalValue<BadgeVariant[key]> | undefined
 }
 
 export interface BadgeRecipe {
@@ -22,7 +24,12 @@ export interface BadgeRecipe {
   variantMap: BadgeVariantMap
   variantKeys: Array<keyof BadgeVariant>
   splitVariantProps<Props extends BadgeVariantProps>(props: Props): [BadgeVariantProps, Pretty<DistributiveOmit<Props, keyof BadgeVariantProps>>]
+  getVariantProps: (props?: BadgeVariantProps) => BadgeVariantProps
 }
 
-/** Styles for the Badge component */
+/**
+ * Styles for the Badge component
+
+
+ */
 export declare const badge: BadgeRecipe

package/dist/src/styled-system/recipes/badge.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 badgeFn = /* @__PURE__ */ createRecipe('badge', {
   "variant": "default"
@@ -16,13 +16,18 @@ const badgeVariantMap = {
 
 const badgeVariantKeys = Object.keys(badgeVariantMap)
 
-export const badge = /* @__PURE__ */ Object.assign(badgeFn, {
+export const badge = /* @__PURE__ */ Object.assign(memo(badgeFn.recipeFn), {
   __recipe__: true,
   __name__: 'badge',
+  __getCompoundVariantCss__: badgeFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: badgeVariantKeys,
   variantMap: badgeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, badgeVariantKeys)
   },
+  getVariantProps: badgeFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/blockquote.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 BlockquoteVariant {
   
@@ -12,7 +11,7 @@ type BlockquoteVariantMap = {
 }
 
 export type BlockquoteVariantProps = {
-  [key in keyof BlockquoteVariant]?: ConditionalValue<BlockquoteVariant[key]>
+  [key in keyof BlockquoteVariant]?: ConditionalValue<BlockquoteVariant[key]> | undefined
 }
 
 export interface BlockquoteRecipe {
@@ -22,7 +21,12 @@ export interface BlockquoteRecipe {
   variantMap: BlockquoteVariantMap
   variantKeys: Array<keyof BlockquoteVariant>
   splitVariantProps<Props extends BlockquoteVariantProps>(props: Props): [BlockquoteVariantProps, Pretty<DistributiveOmit<Props, keyof BlockquoteVariantProps>>]
+  getVariantProps: (props?: BlockquoteVariantProps) => BlockquoteVariantProps
 }
 
-/** Typography - blockquote style */
+/**
+ * Typography - blockquote style
+
+
+ */
 export declare const blockquote: BlockquoteRecipe

package/dist/src/styled-system/recipes/blockquote.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 blockquoteFn = /* @__PURE__ */ createRecipe('blockquote', {}, [])
 
@@ -7,13 +7,18 @@ const blockquoteVariantMap = {}
 
 const blockquoteVariantKeys = Object.keys(blockquoteVariantMap)
 
-export const blockquote = /* @__PURE__ */ Object.assign(blockquoteFn, {
+export const blockquote = /* @__PURE__ */ Object.assign(memo(blockquoteFn.recipeFn), {
   __recipe__: true,
   __name__: 'blockquote',
+  __getCompoundVariantCss__: blockquoteFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: blockquoteVariantKeys,
   variantMap: blockquoteVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, blockquoteVariantKeys)
   },
+  getVariantProps: blockquoteFn.getVariantProps,
 })

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

@@ -1,10 +1,15 @@
 /* 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 ButtonVariant {
-  variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
+  /**
+ * @default "default"
+ */
+variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
+/**
+ * @default "default"
+ */
 size: "default" | "sm" | "lg" | "icon"
 }
 
@@ -13,7 +18,7 @@ type ButtonVariantMap = {
 }
 
 export type ButtonVariantProps = {
-  [key in keyof ButtonVariant]?: ConditionalValue<ButtonVariant[key]>
+  [key in keyof ButtonVariant]?: ConditionalValue<ButtonVariant[key]> | undefined
 }
 
 export interface ButtonRecipe {
@@ -23,7 +28,12 @@ export interface ButtonRecipe {
   variantMap: ButtonVariantMap
   variantKeys: Array<keyof ButtonVariant>
   splitVariantProps<Props extends ButtonVariantProps>(props: Props): [ButtonVariantProps, Pretty<DistributiveOmit<Props, keyof ButtonVariantProps>>]
+  getVariantProps: (props?: ButtonVariantProps) => ButtonVariantProps
 }
 
-/** Styles for the Button component */
+/**
+ * Styles for the Button component
+
+
+ */
 export declare const button: ButtonRecipe

package/dist/src/styled-system/recipes/button.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 buttonFn = /* @__PURE__ */ createRecipe('button', {
   "variant": "default",
@@ -25,13 +25,18 @@ const buttonVariantMap = {
 
 const buttonVariantKeys = Object.keys(buttonVariantMap)
 
-export const button = /* @__PURE__ */ Object.assign(buttonFn, {
+export const button = /* @__PURE__ */ Object.assign(memo(buttonFn.recipeFn), {
   __recipe__: true,
   __name__: 'button',
+  __getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: buttonVariantKeys,
   variantMap: buttonVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
   splitVariantProps(props) {
     return splitProps(props, buttonVariantKeys)
   },
+  getVariantProps: buttonFn.getVariantProps,
 })

package/dist/src/styled-system/recipes/calendar.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 CalendarVariant {
   
@@ -12,7 +11,7 @@ type CalendarVariantMap = {
 }
 
 export type CalendarVariantProps = {
-  [key in keyof CalendarVariant]?: ConditionalValue<CalendarVariant[key]>
+  [key in keyof CalendarVariant]?: ConditionalValue<CalendarVariant[key]> | undefined
 }
 
 export interface CalendarRecipe {
@@ -22,7 +21,12 @@ export interface CalendarRecipe {
   variantMap: CalendarVariantMap
   variantKeys: Array<keyof CalendarVariant>
   splitVariantProps<Props extends CalendarVariantProps>(props: Props): [CalendarVariantProps, Pretty<DistributiveOmit<Props, keyof CalendarVariantProps>>]
+  getVariantProps: (props?: CalendarVariantProps) => CalendarVariantProps
 }
 
-/** Styles for the Calendar component */
+/**
+ * Styles for the Calendar component
+
+
+ */
 export declare const calendar: CalendarRecipe