@luxonis/common-fe-components 1.19.0 → 1.19.1

package/dist/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 = {}
@@ -32,11 +32,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,
@@ -47,4 +48,5 @@ export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   splitVariantProps(props) {
     return splitProps(props, avatarVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/badge.d.mts

@@ -3,7 +3,10 @@ import type { ConditionalValue } from '../types/index.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 = {
@@ -21,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/styled-system/recipes/badge.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const badgeFn = /* @__PURE__ */ createRecipe('badge', {
@@ -16,9 +16,10 @@ 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,
@@ -28,4 +29,5 @@ export const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   splitVariantProps(props) {
     return splitProps(props, badgeVariantKeys)
   },
+  getVariantProps: badgeFn.getVariantProps,
 })

package/dist/styled-system/recipes/blockquote.d.mts

@@ -21,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/styled-system/recipes/blockquote.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const blockquoteFn = /* @__PURE__ */ createRecipe('blockquote', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const blockquote = /* @__PURE__ */ Object.assign(blockquoteFn, {
   splitVariantProps(props) {
     return splitProps(props, blockquoteVariantKeys)
   },
+  getVariantProps: blockquoteFn.getVariantProps,
 })

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

@@ -3,7 +3,13 @@ import type { ConditionalValue } from '../types/index.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"
 }
 
@@ -22,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/styled-system/recipes/button.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const buttonFn = /* @__PURE__ */ createRecipe('button', {
@@ -25,9 +25,10 @@ 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,
@@ -37,4 +38,5 @@ export const button = /* @__PURE__ */ Object.assign(buttonFn, {
   splitVariantProps(props) {
     return splitProps(props, buttonVariantKeys)
   },
+  getVariantProps: buttonFn.getVariantProps,
 })

package/dist/styled-system/recipes/calendar.d.mts

@@ -21,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

package/dist/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 = {}
@@ -192,11 +192,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,
@@ -207,4 +208,5 @@ export const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   splitVariantProps(props) {
     return splitProps(props, calendarVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/card-content.d.mts

@@ -21,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/styled-system/recipes/card-content.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const cardContentFn = /* @__PURE__ */ createRecipe('cardContent', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const cardContent = /* @__PURE__ */ Object.assign(cardContentFn, {
   splitVariantProps(props) {
     return splitProps(props, cardContentVariantKeys)
   },
+  getVariantProps: cardContentFn.getVariantProps,
 })

package/dist/styled-system/recipes/card-description.d.mts

@@ -21,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/styled-system/recipes/card-description.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const cardDescriptionFn = /* @__PURE__ */ createRecipe('cardDescription', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const cardDescription = /* @__PURE__ */ Object.assign(cardDescriptionFn,
   splitVariantProps(props) {
     return splitProps(props, cardDescriptionVariantKeys)
   },
+  getVariantProps: cardDescriptionFn.getVariantProps,
 })

package/dist/styled-system/recipes/card-footer.d.mts

@@ -21,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/styled-system/recipes/card-footer.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const cardFooterFn = /* @__PURE__ */ createRecipe('cardFooter', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const cardFooter = /* @__PURE__ */ Object.assign(cardFooterFn, {
   splitVariantProps(props) {
     return splitProps(props, cardFooterVariantKeys)
   },
+  getVariantProps: cardFooterFn.getVariantProps,
 })

package/dist/styled-system/recipes/card-header.d.mts

@@ -21,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/styled-system/recipes/card-header.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const cardHeaderFn = /* @__PURE__ */ createRecipe('cardHeader', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const cardHeader = /* @__PURE__ */ Object.assign(cardHeaderFn, {
   splitVariantProps(props) {
     return splitProps(props, cardHeaderVariantKeys)
   },
+  getVariantProps: cardHeaderFn.getVariantProps,
 })

package/dist/styled-system/recipes/card-title.d.mts

@@ -21,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/styled-system/recipes/card-title.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const cardTitleFn = /* @__PURE__ */ createRecipe('cardTitle', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const cardTitle = /* @__PURE__ */ Object.assign(cardTitleFn, {
   splitVariantProps(props) {
     return splitProps(props, cardTitleVariantKeys)
   },
+  getVariantProps: cardTitleFn.getVariantProps,
 })

package/dist/styled-system/recipes/card.d.mts

@@ -21,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/styled-system/recipes/card.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const cardFn = /* @__PURE__ */ createRecipe('card', {}, [])
@@ -7,9 +7,10 @@ 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,
@@ -19,4 +20,5 @@ export const card = /* @__PURE__ */ Object.assign(cardFn, {
   splitVariantProps(props) {
     return splitProps(props, cardVariantKeys)
   },
+  getVariantProps: cardFn.getVariantProps,
 })

package/dist/styled-system/recipes/checkbox.d.mts

@@ -21,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/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 = {}
@@ -24,11 +24,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,
@@ -39,4 +40,5 @@ export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   splitVariantProps(props) {
     return splitProps(props, checkboxVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/collapsible.d.mts

@@ -21,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/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 = {}
@@ -32,11 +32,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,
@@ -47,4 +48,5 @@ export const collapsible = /* @__PURE__ */ Object.assign(collapsibleFn, {
   splitVariantProps(props) {
     return splitProps(props, collapsibleVariantKeys)
   },
+  getVariantProps
 })

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

@@ -21,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/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 = {}
@@ -24,11 +24,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,
@@ -39,4 +40,5 @@ export const commandDialog = /* @__PURE__ */ Object.assign(commandDialogFn, {
   splitVariantProps(props) {
     return splitProps(props, commandDialogVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/command.d.mts

@@ -21,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/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 = {}
@@ -88,11 +88,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,
@@ -103,4 +104,5 @@ export const command = /* @__PURE__ */ Object.assign(commandFn, {
   splitVariantProps(props) {
     return splitProps(props, commandVariantKeys)
   },
+  getVariantProps
 })

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

@@ -3,7 +3,10 @@ import type { ConditionalValue } from '../types/index.d.mts';
 import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface ContextMenuVariant {
-  inset: boolean
+  /**
+ * @default false
+ */
+inset: boolean
 }
 
 type ContextMenuVariantMap = {
@@ -21,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