@luxonis/common-fe-components 1.18.1 → 1.18.2

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

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

package/dist/styled-system/recipes/toast-viewport.d.mts

@@ -21,7 +21,12 @@ export interface ToastViewportRecipe {
   variantMap: ToastViewportVariantMap
   variantKeys: Array<keyof ToastViewportVariant>
   splitVariantProps<Props extends ToastViewportVariantProps>(props: Props): [ToastViewportVariantProps, Pretty<DistributiveOmit<Props, keyof ToastViewportVariantProps>>]
+  getVariantProps: (props?: ToastViewportVariantProps) => ToastViewportVariantProps
 }
 
-/** Styles for the ToastViewport component */
+/**
+ * Styles for the ToastViewport component
+
+
+ */
 export declare const toastViewport: ToastViewportRecipe

package/dist/styled-system/recipes/toast-viewport.mjs

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

package/dist/styled-system/recipes/toast.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 ToastVariant {
-  variant: "default" | "destructive"
+  /**
+ * @default "default"
+ */
+variant: "default" | "destructive"
 }
 
 type ToastVariantMap = {
@@ -21,7 +24,12 @@ export interface ToastRecipe {
   variantMap: ToastVariantMap
   variantKeys: Array<keyof ToastVariant>
   splitVariantProps<Props extends ToastVariantProps>(props: Props): [ToastVariantProps, Pretty<DistributiveOmit<Props, keyof ToastVariantProps>>]
+  getVariantProps: (props?: ToastVariantProps) => ToastVariantProps
 }
 
-/** Styles for the Toast component */
+/**
+ * Styles for the Toast component
+
+
+ */
 export declare const toast: ToastRecipe

package/dist/styled-system/recipes/toast.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 toastDefaultVariants = {
@@ -58,13 +58,14 @@ const toastSlotNames = [
 ]
 const toastSlotFns = /* @__PURE__ */ toastSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, toastDefaultVariants, getSlotCompoundVariant(toastCompoundVariants, slotName))])
 
-const toastFn = (props = {}) => {
-  return Object.fromEntries(toastSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const toastFn = memo((props = {}) => {
+  return Object.fromEntries(toastSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const toastVariantKeys = [
   "variant"
 ]
+const getVariantProps = (variants) => ({ ...toastDefaultVariants, ...compact(variants) })
 
 export const toast = /* @__PURE__ */ Object.assign(toastFn, {
   __recipe__: false,
@@ -80,4 +81,5 @@ export const toast = /* @__PURE__ */ Object.assign(toastFn, {
   splitVariantProps(props) {
     return splitProps(props, toastVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/toggle.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 ToggleVariant {
-  variant: "default" | "outline"
+  /**
+ * @default "default"
+ */
+variant: "default" | "outline"
+/**
+ * @default "default"
+ */
 size: "default" | "sm" | "lg"
 }
 
@@ -22,7 +28,12 @@ export interface ToggleRecipe {
   variantMap: ToggleVariantMap
   variantKeys: Array<keyof ToggleVariant>
   splitVariantProps<Props extends ToggleVariantProps>(props: Props): [ToggleVariantProps, Pretty<DistributiveOmit<Props, keyof ToggleVariantProps>>]
+  getVariantProps: (props?: ToggleVariantProps) => ToggleVariantProps
 }
 
-/** Styles for the Toggle component */
+/**
+ * Styles for the Toggle component
+
+
+ */
 export declare const toggle: ToggleRecipe

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

@@ -1,4 +1,4 @@
-import { splitProps } from '../helpers.mjs';
+import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const toggleFn = /* @__PURE__ */ createRecipe('toggle', {
@@ -20,9 +20,10 @@ const toggleVariantMap = {
 
 const toggleVariantKeys = Object.keys(toggleVariantMap)
 
-export const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
+export const toggle = /* @__PURE__ */ Object.assign(memo(toggleFn.recipeFn), {
   __recipe__: true,
   __name__: 'toggle',
+  __getCompoundVariantCss__: toggleFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: toggleVariantKeys,
   variantMap: toggleVariantMap,
@@ -32,4 +33,5 @@ export const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   splitVariantProps(props) {
     return splitProps(props, toggleVariantKeys)
   },
+  getVariantProps: toggleFn.getVariantProps,
 })

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

@@ -21,7 +21,12 @@ export interface TooltipRecipe {
   variantMap: TooltipVariantMap
   variantKeys: Array<keyof TooltipVariant>
   splitVariantProps<Props extends TooltipVariantProps>(props: Props): [TooltipVariantProps, Pretty<DistributiveOmit<Props, keyof TooltipVariantProps>>]
+  getVariantProps: (props?: TooltipVariantProps) => TooltipVariantProps
 }
 
-/** Styles for the Tooltip component */
+/**
+ * Styles for the Tooltip component
+
+
+ */
 export declare const tooltip: TooltipRecipe

package/dist/styled-system/recipes/tooltip.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 tooltipDefaultVariants = {}
@@ -32,11 +32,12 @@ const tooltipSlotNames = [
 ]
 const tooltipSlotFns = /* @__PURE__ */ tooltipSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tooltipDefaultVariants, getSlotCompoundVariant(tooltipCompoundVariants, slotName))])
 
-const tooltipFn = (props = {}) => {
-  return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const tooltipFn = memo((props = {}) => {
+  return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const tooltipVariantKeys = []
+const getVariantProps = (variants) => ({ ...tooltipDefaultVariants, ...compact(variants) })
 
 export const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
   __recipe__: false,
@@ -47,4 +48,5 @@ export const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
   splitVariantProps(props) {
     return splitProps(props, tooltipVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/typography-table-container.d.mts

@@ -21,7 +21,12 @@ export interface TypographyTableContainerRecipe {
   variantMap: TypographyTableContainerVariantMap
   variantKeys: Array<keyof TypographyTableContainerVariant>
   splitVariantProps<Props extends TypographyTableContainerVariantProps>(props: Props): [TypographyTableContainerVariantProps, Pretty<DistributiveOmit<Props, keyof TypographyTableContainerVariantProps>>]
+  getVariantProps: (props?: TypographyTableContainerVariantProps) => TypographyTableContainerVariantProps
 }
 
-/** Typography - table container style */
+/**
+ * Typography - table container style
+
+
+ */
 export declare const typographyTableContainer: TypographyTableContainerRecipe

package/dist/styled-system/recipes/typography-table-container.mjs

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

package/dist/styled-system/recipes/typography-table.d.mts

@@ -21,7 +21,12 @@ export interface TypographyTableRecipe {
   variantMap: TypographyTableVariantMap
   variantKeys: Array<keyof TypographyTableVariant>
   splitVariantProps<Props extends TypographyTableVariantProps>(props: Props): [TypographyTableVariantProps, Pretty<DistributiveOmit<Props, keyof TypographyTableVariantProps>>]
+  getVariantProps: (props?: TypographyTableVariantProps) => TypographyTableVariantProps
 }
 
-/** Typography - table style */
+/**
+ * Typography - table style
+
+
+ */
 export declare const typographyTable: TypographyTableRecipe

package/dist/styled-system/recipes/typography-table.mjs

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