@luxonis/common-fe-components 1.18.1 → 1.18.2

package/dist/styled-system/recipes/input.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const inputFn = /* @__PURE__ */ createRecipe('input', {}, [])
@@ -7,9 +7,10 @@ const inputVariantMap = {}
 
 const inputVariantKeys = Object.keys(inputVariantMap)
 
-export const input = /* @__PURE__ */ Object.assign(inputFn, {
+export const input = /* @__PURE__ */ Object.assign(memo(inputFn.recipeFn), {
   __recipe__: true,
   __name__: 'input',
+  __getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: inputVariantKeys,
   variantMap: inputVariantMap,
@@ -19,4 +20,5 @@ export const input = /* @__PURE__ */ Object.assign(inputFn, {
   splitVariantProps(props) {
     return splitProps(props, inputVariantKeys)
   },
+  getVariantProps: inputFn.getVariantProps,
 })

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

@@ -21,7 +21,12 @@ export interface LabelRecipe {
   variantMap: LabelVariantMap
   variantKeys: Array<keyof LabelVariant>
   splitVariantProps<Props extends LabelVariantProps>(props: Props): [LabelVariantProps, Pretty<DistributiveOmit<Props, keyof LabelVariantProps>>]
+  getVariantProps: (props?: LabelVariantProps) => LabelVariantProps
 }
 
-/** Styles for the Label component */
+/**
+ * Styles for the Label component
+
+
+ */
 export declare const label: LabelRecipe

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

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const labelFn = /* @__PURE__ */ createRecipe('label', {}, [])
@@ -7,9 +7,10 @@ const labelVariantMap = {}
 
 const labelVariantKeys = Object.keys(labelVariantMap)
 
-export const label = /* @__PURE__ */ Object.assign(labelFn, {
+export const label = /* @__PURE__ */ Object.assign(memo(labelFn.recipeFn), {
   __recipe__: true,
   __name__: 'label',
+  __getCompoundVariantCss__: labelFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: labelVariantKeys,
   variantMap: labelVariantMap,
@@ -19,4 +20,5 @@ export const label = /* @__PURE__ */ Object.assign(labelFn, {
   splitVariantProps(props) {
     return splitProps(props, labelVariantKeys)
   },
+  getVariantProps: labelFn.getVariantProps,
 })

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

@@ -21,7 +21,12 @@ export interface LargeRecipe {
   variantMap: LargeVariantMap
   variantKeys: Array<keyof LargeVariant>
   splitVariantProps<Props extends LargeVariantProps>(props: Props): [LargeVariantProps, Pretty<DistributiveOmit<Props, keyof LargeVariantProps>>]
+  getVariantProps: (props?: LargeVariantProps) => LargeVariantProps
 }
 
-/** Typography - Large style */
+/**
+ * Typography - Large style
+
+
+ */
 export declare const large: LargeRecipe

package/dist/styled-system/recipes/large.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const largeFn = /* @__PURE__ */ createRecipe('large', {}, [])
@@ -7,9 +7,10 @@ const largeVariantMap = {}
 
 const largeVariantKeys = Object.keys(largeVariantMap)
 
-export const large = /* @__PURE__ */ Object.assign(largeFn, {
+export const large = /* @__PURE__ */ Object.assign(memo(largeFn.recipeFn), {
   __recipe__: true,
   __name__: 'large',
+  __getCompoundVariantCss__: largeFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: largeVariantKeys,
   variantMap: largeVariantMap,
@@ -19,4 +20,5 @@ export const large = /* @__PURE__ */ Object.assign(largeFn, {
   splitVariantProps(props) {
     return splitProps(props, largeVariantKeys)
   },
+  getVariantProps: largeFn.getVariantProps,
 })

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

@@ -21,7 +21,12 @@ export interface LeadRecipe {
   variantMap: LeadVariantMap
   variantKeys: Array<keyof LeadVariant>
   splitVariantProps<Props extends LeadVariantProps>(props: Props): [LeadVariantProps, Pretty<DistributiveOmit<Props, keyof LeadVariantProps>>]
+  getVariantProps: (props?: LeadVariantProps) => LeadVariantProps
 }
 
-/** Typography - Lead style */
+/**
+ * Typography - Lead style
+
+
+ */
 export declare const lead: LeadRecipe

package/dist/styled-system/recipes/lead.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const leadFn = /* @__PURE__ */ createRecipe('lead', {}, [])
@@ -7,9 +7,10 @@ const leadVariantMap = {}
 
 const leadVariantKeys = Object.keys(leadVariantMap)
 
-export const lead = /* @__PURE__ */ Object.assign(leadFn, {
+export const lead = /* @__PURE__ */ Object.assign(memo(leadFn.recipeFn), {
   __recipe__: true,
   __name__: 'lead',
+  __getCompoundVariantCss__: leadFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: leadVariantKeys,
   variantMap: leadVariantMap,
@@ -19,4 +20,5 @@ export const lead = /* @__PURE__ */ Object.assign(leadFn, {
   splitVariantProps(props) {
     return splitProps(props, leadVariantKeys)
   },
+  getVariantProps: leadFn.getVariantProps,
 })

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

@@ -21,7 +21,12 @@ export interface LinkRecipe {
   variantMap: LinkVariantMap
   variantKeys: Array<keyof LinkVariant>
   splitVariantProps<Props extends LinkVariantProps>(props: Props): [LinkVariantProps, Pretty<DistributiveOmit<Props, keyof LinkVariantProps>>]
+  getVariantProps: (props?: LinkVariantProps) => LinkVariantProps
 }
 
-/** Typography - Link style */
+/**
+ * Typography - Link style
+
+
+ */
 export declare const link: LinkRecipe

package/dist/styled-system/recipes/link.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const linkFn = /* @__PURE__ */ createRecipe('link', {}, [])
@@ -7,9 +7,10 @@ const linkVariantMap = {}
 
 const linkVariantKeys = Object.keys(linkVariantMap)
 
-export const link = /* @__PURE__ */ Object.assign(linkFn, {
+export const link = /* @__PURE__ */ Object.assign(memo(linkFn.recipeFn), {
   __recipe__: true,
   __name__: 'link',
+  __getCompoundVariantCss__: linkFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: linkVariantKeys,
   variantMap: linkVariantMap,
@@ -19,4 +20,5 @@ export const link = /* @__PURE__ */ Object.assign(linkFn, {
   splitVariantProps(props) {
     return splitProps(props, linkVariantKeys)
   },
+  getVariantProps: linkFn.getVariantProps,
 })

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

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

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

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

@@ -21,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/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 = {}
@@ -144,11 +144,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,
@@ -159,4 +160,5 @@ export const menubar = /* @__PURE__ */ Object.assign(menubarFn, {
   splitVariantProps(props) {
     return splitProps(props, menubarVariantKeys)
   },
+  getVariantProps
 })

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

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

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

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

@@ -21,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/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 = {}
@@ -80,11 +80,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,
@@ -95,4 +96,5 @@ export const navigationMenu = /* @__PURE__ */ Object.assign(navigationMenuFn, {
   splitVariantProps(props) {
     return splitProps(props, navigationMenuVariantKeys)
   },
+  getVariantProps
 })

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

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

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

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

@@ -21,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/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 = {}
@@ -40,11 +40,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,
@@ -55,4 +56,5 @@ export const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   splitVariantProps(props) {
     return splitProps(props, popoverVariantKeys)
   },
+  getVariantProps
 })

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

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

package/dist/styled-system/recipes/radio-group.d.mts

@@ -21,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/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 = {}
@@ -40,11 +40,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,
@@ -55,4 +56,5 @@ export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
   splitVariantProps(props) {
     return splitProps(props, radioGroupVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/scroll-area.d.mts

@@ -21,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/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 = {}
@@ -48,11 +48,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,
@@ -63,4 +64,5 @@ export const scrollArea = /* @__PURE__ */ Object.assign(scrollAreaFn, {
   splitVariantProps(props) {
     return splitProps(props, scrollAreaVariantKeys)
   },
+  getVariantProps
 })

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

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

package/dist/styled-system/recipes/separator.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 SeparatorVariant {
-  orientation: "horizontal" | "vertical"
+  /**
+ * @default "horizontal"
+ */
+orientation: "horizontal" | "vertical"
 }
 
 type SeparatorVariantMap = {
@@ -21,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

package/dist/styled-system/recipes/separator.mjs

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const separatorFn = /* @__PURE__ */ createRecipe('separator', {
@@ -14,9 +14,10 @@ const separatorVariantMap = {
 
 const separatorVariantKeys = Object.keys(separatorVariantMap)
 
-export const separator = /* @__PURE__ */ Object.assign(separatorFn, {
+export const separator = /* @__PURE__ */ Object.assign(memo(separatorFn.recipeFn), {
   __recipe__: true,
   __name__: 'separator',
+  __getCompoundVariantCss__: separatorFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: separatorVariantKeys,
   variantMap: separatorVariantMap,
@@ -26,4 +27,5 @@ export const separator = /* @__PURE__ */ Object.assign(separatorFn, {
   splitVariantProps(props) {
     return splitProps(props, separatorVariantKeys)
   },
+  getVariantProps: separatorFn.getVariantProps,
 })