@luxonis/depthai-pipeline-lib 1.4.13 → 1.5.0

package/dist/src/styled-system/recipes/calendar.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 calendarDefaultVariants = {}
@@ -100,11 +100,12 @@ const calendarSlotNames = [
 ]
 const calendarSlotFns = /* @__PURE__ */ calendarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, calendarDefaultVariants, getSlotCompoundVariant(calendarCompoundVariants, slotName))])
 
-const calendarFn = (props = {}) => {
-  return Object.fromEntries(calendarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const calendarFn = memo((props = {}) => {
+  return Object.fromEntries(calendarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const calendarVariantKeys = []
+const getVariantProps = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) })
 
 export const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   __recipe__: false,
@@ -115,4 +116,5 @@ export const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   splitVariantProps(props) {
     return splitProps(props, calendarVariantKeys)
   },
+  getVariantProps
 })

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/styled-system/recipes/checkbox.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 checkboxDefaultVariants = {}
@@ -16,11 +16,12 @@ const checkboxSlotNames = [
 ]
 const checkboxSlotFns = /* @__PURE__ */ checkboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, checkboxDefaultVariants, getSlotCompoundVariant(checkboxCompoundVariants, slotName))])
 
-const checkboxFn = (props = {}) => {
-  return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const checkboxFn = memo((props = {}) => {
+  return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const checkboxVariantKeys = []
+const getVariantProps = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) })
 
 export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   __recipe__: false,
@@ -31,4 +32,5 @@ export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   splitVariantProps(props) {
     return splitProps(props, checkboxVariantKeys)
   },
+  getVariantProps
 })

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

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

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

package/dist/src/styled-system/recipes/command-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 commandDialogDefaultVariants = {}
@@ -16,11 +16,12 @@ const commandDialogSlotNames = [
 ]
 const commandDialogSlotFns = /* @__PURE__ */ commandDialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, commandDialogDefaultVariants, getSlotCompoundVariant(commandDialogCompoundVariants, slotName))])
 
-const commandDialogFn = (props = {}) => {
-  return Object.fromEntries(commandDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const commandDialogFn = memo((props = {}) => {
+  return Object.fromEntries(commandDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const commandDialogVariantKeys = []
+const getVariantProps = (variants) => ({ ...commandDialogDefaultVariants, ...compact(variants) })
 
 export const commandDialog = /* @__PURE__ */ Object.assign(commandDialogFn, {
   __recipe__: false,
@@ -31,4 +32,5 @@ export const commandDialog = /* @__PURE__ */ Object.assign(commandDialogFn, {
   splitVariantProps(props) {
     return splitProps(props, commandDialogVariantKeys)
   },
+  getVariantProps
 })

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

package/dist/src/styled-system/recipes/command.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 commandDefaultVariants = {}
@@ -48,11 +48,12 @@ const commandSlotNames = [
 ]
 const commandSlotFns = /* @__PURE__ */ commandSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, commandDefaultVariants, getSlotCompoundVariant(commandCompoundVariants, slotName))])
 
-const commandFn = (props = {}) => {
-  return Object.fromEntries(commandSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const commandFn = memo((props = {}) => {
+  return Object.fromEntries(commandSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const commandVariantKeys = []
+const getVariantProps = (variants) => ({ ...commandDefaultVariants, ...compact(variants) })
 
 export const command = /* @__PURE__ */ Object.assign(commandFn, {
   __recipe__: false,
@@ -63,4 +64,5 @@ export const command = /* @__PURE__ */ Object.assign(commandFn, {
   splitVariantProps(props) {
     return splitProps(props, commandVariantKeys)
   },
+  getVariantProps
 })