@luxonis/depthai-pipeline-lib 1.4.13 → 1.4.14

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

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

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

package/dist/src/styled-system/recipes/menubar.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 menubarDefaultVariants = {}
@@ -76,11 +76,12 @@ const menubarSlotNames = [
 ]
 const menubarSlotFns = /* @__PURE__ */ menubarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, menubarDefaultVariants, getSlotCompoundVariant(menubarCompoundVariants, slotName))])
 
-const menubarFn = (props = {}) => {
-  return Object.fromEntries(menubarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const menubarFn = memo((props = {}) => {
+  return Object.fromEntries(menubarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const menubarVariantKeys = []
+const getVariantProps = (variants) => ({ ...menubarDefaultVariants, ...compact(variants) })
 
 export const menubar = /* @__PURE__ */ Object.assign(menubarFn, {
   __recipe__: false,
@@ -91,4 +92,5 @@ export const menubar = /* @__PURE__ */ Object.assign(menubarFn, {
   splitVariantProps(props) {
     return splitProps(props, menubarVariantKeys)
   },
+  getVariantProps
 })

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

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

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

package/dist/src/styled-system/recipes/navigation-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 navigationMenuDefaultVariants = {}
@@ -44,11 +44,12 @@ const navigationMenuSlotNames = [
 ]
 const navigationMenuSlotFns = /* @__PURE__ */ navigationMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, navigationMenuDefaultVariants, getSlotCompoundVariant(navigationMenuCompoundVariants, slotName))])
 
-const navigationMenuFn = (props = {}) => {
-  return Object.fromEntries(navigationMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const navigationMenuFn = memo((props = {}) => {
+  return Object.fromEntries(navigationMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const navigationMenuVariantKeys = []
+const getVariantProps = (variants) => ({ ...navigationMenuDefaultVariants, ...compact(variants) })
 
 export const navigationMenu = /* @__PURE__ */ Object.assign(navigationMenuFn, {
   __recipe__: false,
@@ -59,4 +60,5 @@ export const navigationMenu = /* @__PURE__ */ Object.assign(navigationMenuFn, {
   splitVariantProps(props) {
     return splitProps(props, navigationMenuVariantKeys)
   },
+  getVariantProps
 })

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

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

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

package/dist/src/styled-system/recipes/popover.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 popoverDefaultVariants = {}
@@ -24,11 +24,12 @@ const popoverSlotNames = [
 ]
 const popoverSlotFns = /* @__PURE__ */ popoverSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, popoverDefaultVariants, getSlotCompoundVariant(popoverCompoundVariants, slotName))])
 
-const popoverFn = (props = {}) => {
-  return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const popoverFn = memo((props = {}) => {
+  return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const popoverVariantKeys = []
+const getVariantProps = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) })
 
 export const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   __recipe__: false,
@@ -39,4 +40,5 @@ export const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   splitVariantProps(props) {
     return splitProps(props, popoverVariantKeys)
   },
+  getVariantProps
 })

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

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

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

package/dist/src/styled-system/recipes/radio-group.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 radioGroupDefaultVariants = {}
@@ -24,11 +24,12 @@ const radioGroupSlotNames = [
 ]
 const radioGroupSlotFns = /* @__PURE__ */ radioGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, radioGroupDefaultVariants, getSlotCompoundVariant(radioGroupCompoundVariants, slotName))])
 
-const radioGroupFn = (props = {}) => {
-  return Object.fromEntries(radioGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const radioGroupFn = memo((props = {}) => {
+  return Object.fromEntries(radioGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const radioGroupVariantKeys = []
+const getVariantProps = (variants) => ({ ...radioGroupDefaultVariants, ...compact(variants) })
 
 export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
   __recipe__: false,
@@ -39,4 +40,5 @@ export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
   splitVariantProps(props) {
     return splitProps(props, radioGroupVariantKeys)
   },
+  getVariantProps
 })

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

package/dist/src/styled-system/recipes/scroll-area.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 scrollAreaDefaultVariants = {}
@@ -28,11 +28,12 @@ const scrollAreaSlotNames = [
 ]
 const scrollAreaSlotFns = /* @__PURE__ */ scrollAreaSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, scrollAreaDefaultVariants, getSlotCompoundVariant(scrollAreaCompoundVariants, slotName))])
 
-const scrollAreaFn = (props = {}) => {
-  return Object.fromEntries(scrollAreaSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const scrollAreaFn = memo((props = {}) => {
+  return Object.fromEntries(scrollAreaSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const scrollAreaVariantKeys = []
+const getVariantProps = (variants) => ({ ...scrollAreaDefaultVariants, ...compact(variants) })
 
 export const scrollArea = /* @__PURE__ */ Object.assign(scrollAreaFn, {
   __recipe__: false,
@@ -43,4 +44,5 @@ export const scrollArea = /* @__PURE__ */ Object.assign(scrollAreaFn, {
   splitVariantProps(props) {
     return splitProps(props, scrollAreaVariantKeys)
   },
+  getVariantProps
 })

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

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

package/dist/src/styled-system/recipes/separator.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 SeparatorVariant {
-  orientation: "horizontal" | "vertical"
+  /**
+ * @default "horizontal"
+ */
+orientation: "horizontal" | "vertical"
 }
 
 type SeparatorVariantMap = {
@@ -12,7 +14,7 @@ type SeparatorVariantMap = {
 }
 
 export type SeparatorVariantProps = {
-  [key in keyof SeparatorVariant]?: ConditionalValue<SeparatorVariant[key]>
+  [key in keyof SeparatorVariant]?: ConditionalValue<SeparatorVariant[key]> | undefined
 }
 
 export interface SeparatorRecipe {
@@ -22,7 +24,12 @@ export interface SeparatorRecipe {
   variantMap: SeparatorVariantMap
   variantKeys: Array<keyof SeparatorVariant>
   splitVariantProps<Props extends SeparatorVariantProps>(props: Props): [SeparatorVariantProps, Pretty<DistributiveOmit<Props, keyof SeparatorVariantProps>>]
+  getVariantProps: (props?: SeparatorVariantProps) => SeparatorVariantProps
 }
 
-/** Styles for the Separator component */
+/**
+ * Styles for the Separator component
+
+
+ */
 export declare const separator: SeparatorRecipe