@luxonis/common-fe-components 1.18.1 → 1.19.0

package/dist/components/custom/DropdownMenu.d.ts

@@ -275,21 +275,12 @@ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    align?: ("center" | "end" | "start") | undefined;
     key?: React.Key | null | undefined;
     loop?: boolean | undefined;
-    align?: ("center" | "end" | "start") | undefined;
     sticky?: ("partial" | "always") | undefined;
+    forceMount?: true | undefined;
     asChild?: boolean | undefined;
-    side?: ("bottom" | "left" | "right" | "top") | undefined;
-    sideOffset?: number | undefined;
-    alignOffset?: number | undefined;
-    arrowPadding?: number | undefined;
-    avoidCollisions?: boolean | undefined;
-    collisionBoundary?: ((Element | null) | (Element | null)[]) | undefined;
-    collisionPadding?: (number | Partial<Record<"bottom" | "left" | "right" | "top", number>>) | undefined;
-    hideWhenDetached?: boolean | undefined;
-    updatePositionStrategy?: ("optimized" | "always") | undefined;
-    onCloseAutoFocus?: ((event: Event) => void) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -302,7 +293,16 @@ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<{
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
-    forceMount?: true | undefined;
+    onCloseAutoFocus?: ((event: Event) => void) | undefined;
+    side?: ("top" | "left" | "right" | "bottom") | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
+    arrowPadding?: number | undefined;
+    avoidCollisions?: boolean | undefined;
+    collisionBoundary?: ((Element | null) | (Element | null)[]) | undefined;
+    collisionPadding?: (number | Partial<Record<"top" | "left" | "right" | "bottom", number>>) | undefined;
+    hideWhenDetached?: boolean | undefined;
+    updatePositionStrategy?: ("optimized" | "always") | undefined;
     htmlWidth?: (string | number) | undefined;
     htmlHeight?: (string | number) | undefined;
     htmlTranslate?: "yes" | "no" | undefined;

package/dist/components/custom/Grid.d.ts

@@ -10,6 +10,7 @@ export type GridProps = _GridProps & {
     emptySuffix?: string;
     itemWidth?: Token;
     fixed?: boolean;
+    withBorder?: boolean;
 };
 export declare const Grid: (props: GridProps) => number | true | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;
 export declare const GridItem: (props: GridItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAG3E,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,wFAiCpC,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,4CAM5C,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAI3E,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,wFA2DpC,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,4CAM5C,CAAC"}

package/dist/components/custom/Grid.js

@@ -4,8 +4,9 @@ import { token } from '../../styled-system/tokens/index.mjs';
 import { Grid as _Grid } from '../../styled-system/jsx/grid.mjs';
 import { GridItem as _GridItem } from '../../styled-system/jsx/grid-item.mjs';
 import { EmptyView } from './EmptyView.js';
+import { Card } from './Card.js';
 export const Grid = (props) => {
-    const { empty, emptyPrefix, emptySuffix, emptyMessage, entity, itemWidth, children, fixed = false, ...rest } = props;
+    const { empty, emptyPrefix, emptySuffix, emptyMessage, entity, itemWidth, children, fixed = false, withBorder = false, ...rest } = props;
     const columnsTemplate = React.useMemo(() => {
         if (!itemWidth) {
             return undefined;
@@ -13,8 +14,15 @@ export const Grid = (props) => {
         const limit = fixed ? token(itemWidth) : `minmax(${token(itemWidth)}, 1fr)`;
         return `repeat(auto-fill, ${limit})`;
     }, [fixed, itemWidth]);
-    if (empty && (entity ?? emptyMessage)) {
-        return typeof emptyMessage === 'string' || !emptyMessage ? (_jsx(EmptyView, { title: emptyMessage ?? `${emptyPrefix ?? 'You have no'} ${entity} ${emptySuffix ?? 'yet.'}`, marginY: "md" })) : (emptyMessage);
+    _jsx(Card, { padding: 0, fullWidth: true });
+    const emptyMessageElement = React.useMemo(() => {
+        if (empty && (entity ?? emptyMessage)) {
+            return typeof emptyMessage === 'string' || !emptyMessage ? (_jsx(EmptyView, { title: emptyMessage ?? `${emptyPrefix ?? 'You have no'} ${entity} ${emptySuffix ?? 'yet.'}`, marginY: "md" })) : (emptyMessage);
+        }
+        return null;
+    }, [empty, entity, emptyMessage, emptyPrefix, emptySuffix]);
+    if (emptyMessageElement) {
+        return withBorder ? (_jsx(Card, { padding: 0, fullWidth: true, children: emptyMessageElement })) : (emptyMessageElement);
     }
     const onGrid = (grid) => {
         if (grid && columnsTemplate) {

package/dist/components/custom/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAE7D,OAAO,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAY3C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErH,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC5E,OAAO,qBAAqB,KAAK,GAAG,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAI,KAAK,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,EAAE,CAAC;QACtC,OAAO,OAAO,YAAY,KAAK,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACzD,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,IAAI,GAAG,WAAW,IAAI,aAAa,IAAI,MAAM,IAAI,WAAW,IAAI,MAAM,EAAE,EAC3F,OAAO,EAAC,IAAI,GACZ,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,IAAwB,EAAE,EAAE;QAC1C,IAAI,IAAI,IAAI,eAAe,EAAE,CAAC;YAC5B,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,eAAe,CAAC;QACnD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,YACzB,KAAK,CAAC,QAAQ,GACT,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,OAAO,CACL,KAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KAAM,KAAK,YAC7D,KAAK,CAAC,QAAQ,GACL,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAE7D,OAAO,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAajC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC5E,OAAO,qBAAqB,KAAK,GAAG,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,KAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,SAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7C,IAAI,KAAK,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,EAAE,CAAC;YACtC,OAAO,OAAO,YAAY,KAAK,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACzD,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,IAAI,GAAG,WAAW,IAAI,aAAa,IAAI,MAAM,IAAI,WAAW,IAAI,MAAM,EAAE,EAC3F,OAAO,EAAC,IAAI,GACZ,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5D,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,kBACxB,mBAAmB,GACf,CACR,CAAC,CAAC,CAAC,CACF,mBAAmB,CACpB,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,IAAwB,EAAE,EAAE;QAC1C,IAAI,IAAI,IAAI,eAAe,EAAE,CAAC;YAC5B,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,eAAe,CAAC;QACnD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,YACzB,KAAK,CAAC,QAAQ,GACT,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,OAAO,CACL,KAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KAAM,KAAK,YAC7D,KAAK,CAAC,QAAQ,GACL,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/custom/Modal.js

@@ -72,12 +72,12 @@ export const ModalHeader = (props) => {
     // Focus the dialog when it opens instead of first focusable element
     const autoFocusFix = autoFocus ? { tabIndex: 0, outline: 'none' } : {};
     return (_jsx(DialogHeader, { children: _jsxs(Flex, { width: "full", align: "center", justify: "space-between", gap: "xs", ...autoFocusFix, children: [_jsxs(Flex, { width: "full", align: "center", justify: "start", gap: "xxs", children: [backAction && (_jsx(Button, { variant: "ghost", colorVariant: "white", icon: BackIcon, marginLeft: "-xs", onClick: backAction })), title &&
-                            (singleLine ? (_jsx(Tooltip, { content: tooltip, className: css({ display: 'flex !important', width: 0, flexGrow: 1 }), lineHeight: "unset", children: _jsx(SubHeader, { text: title, className: css({
+                            (singleLine ? (_jsx(Tooltip, { content: tooltip, className: css({ display: 'flex !important', flexGrow: 1 }), lineHeight: "unset", children: _jsx(SubHeader, { text: title, className: css({
                                         whiteSpace: 'nowrap',
                                         textOverflow: 'ellipsis',
                                         overflow: 'hidden',
                                         pointerEvents: 'none',
-                                    }) }) })) : (_jsx(Tooltip, { content: tooltip, children: _jsx(SubHeader, { text: title, break: "word" }) }))), children] }), _jsxs(Flex, { align: "center", justify: "normal", gap: "xs", children: [actions, closeButton && (_jsx(DialogClose, { asChild: true, children: _jsx(Button, { marginRight: closeButtonMargin, variant: "ghost", colorVariant: "white", icon: CrossIcon }) }))] })] }) }));
+                                    }) }) })) : (_jsx(Tooltip, { content: tooltip, className: css({ w: 'full', display: 'block', textAlign: 'left' }), children: _jsx(SubHeader, { text: title, break: "word", className: css({ w: 'full' }) }) }))), children] }), _jsxs(Flex, { align: "center", justify: "normal", gap: "xs", children: [actions, closeButton && (_jsx(DialogClose, { asChild: true, children: _jsx(Button, { marginRight: closeButtonMargin, variant: "ghost", colorVariant: "white", icon: CrossIcon }) }))] })] }) }));
 };
 export { DialogFooter as ModalFooter } from '../shadow-panda/_Dialog.js';
 //# sourceMappingURL=Modal.js.map

package/dist/components/custom/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/custom/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/custom/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/custom/RadioGroup.d.ts

@@ -8,6 +8,8 @@ export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
+    value?: import("@radix-ui/react-radio-group").RadioGroupContextValue["value"];
+    name?: import("@radix-ui/react-radio-group").RadioGroupContextValue["name"];
     ref?: React.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | undefined;
@@ -269,11 +271,9 @@ export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
-    name?: import("@radix-ui/react-radio-group").RadioGroupContextValue["name"];
     orientation?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["orientation"];
     loop?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["loop"];
     disabled?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["disabled"];
-    value?: import("@radix-ui/react-radio-group").RadioGroupContextValue["value"];
     required?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["required"];
     asChild?: boolean | undefined;
     onValueChange?: import("@radix-ui/react-radio-group").RadioGroupContextValue["onValueChange"] | undefined;
@@ -1093,6 +1093,8 @@ export declare const RadioGroupSimple: React.ForwardRefExoticComponent<Omit<Omit
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
+    value?: import("@radix-ui/react-radio-group").RadioGroupContextValue["value"];
+    name?: import("@radix-ui/react-radio-group").RadioGroupContextValue["name"];
     ref?: React.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | undefined;
@@ -1354,11 +1356,9 @@ export declare const RadioGroupSimple: React.ForwardRefExoticComponent<Omit<Omit
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
-    name?: import("@radix-ui/react-radio-group").RadioGroupContextValue["name"];
     orientation?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["orientation"];
     loop?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["loop"];
     disabled?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["disabled"];
-    value?: import("@radix-ui/react-radio-group").RadioGroupContextValue["value"];
     required?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["required"];
     asChild?: boolean | undefined;
     onValueChange?: import("@radix-ui/react-radio-group").RadioGroupContextValue["onValueChange"] | undefined;

package/dist/components/custom/Slider.d.ts

@@ -9,6 +9,10 @@ export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<{
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     step?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    value?: number[] | undefined;
+    name?: string | undefined;
     ref?: React.Ref<HTMLSpanElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: number[] | undefined;
@@ -270,12 +274,8 @@ export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<{
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
-    name?: string | undefined;
     orientation?: React.AriaAttributes["aria-orientation"];
     disabled?: boolean | undefined;
-    value?: number[] | undefined;
     asChild?: boolean | undefined;
     onValueChange?: ((value: number[]) => void) | undefined;
     inverted?: boolean | undefined;
@@ -1087,7 +1087,7 @@ export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<{
     xlTo2xl?: import("../../styled-system/types/conditions.mjs").Nested<import("../../styled-system/types/system-types.mjs").SystemStyleObject> | undefined;
     base?: import("../../styled-system/types/conditions.mjs").Nested<import("../../styled-system/types/system-types.mjs").SystemStyleObject> | undefined;
     css?: import("../../styled-system/types/system-types.mjs").SystemStyleObject | undefined;
-}, "ref">, "onChange" | "value" | "onValueChange"> & {
+}, "ref">, "value" | "onChange" | "onValueChange"> & {
     value: number;
     onChange?: (value: number) => void;
 } & React.RefAttributes<HTMLSpanElement>>;
@@ -1103,6 +1103,10 @@ export declare const DoubleSlider: React.ForwardRefExoticComponent<Omit<Omit<{
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     step?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    value?: number[] | undefined;
+    name?: string | undefined;
     ref?: React.Ref<HTMLSpanElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: number[] | undefined;
@@ -1364,12 +1368,8 @@ export declare const DoubleSlider: React.ForwardRefExoticComponent<Omit<Omit<{
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
-    name?: string | undefined;
     orientation?: React.AriaAttributes["aria-orientation"];
     disabled?: boolean | undefined;
-    value?: number[] | undefined;
     asChild?: boolean | undefined;
     onValueChange?: ((value: number[]) => void) | undefined;
     inverted?: boolean | undefined;
@@ -2181,7 +2181,7 @@ export declare const DoubleSlider: React.ForwardRefExoticComponent<Omit<Omit<{
     xlTo2xl?: import("../../styled-system/types/conditions.mjs").Nested<import("../../styled-system/types/system-types.mjs").SystemStyleObject> | undefined;
     base?: import("../../styled-system/types/conditions.mjs").Nested<import("../../styled-system/types/system-types.mjs").SystemStyleObject> | undefined;
     css?: import("../../styled-system/types/system-types.mjs").SystemStyleObject | undefined;
-}, "ref">, "onChange" | "value" | "onValueChange"> & {
+}, "ref">, "value" | "onChange" | "onValueChange"> & {
     value: number[];
     maxLabelText?: string;
     minLabelText?: string;

package/dist/components/shadow-panda/_Command.d.ts

@@ -14,7 +14,7 @@ declare const __CommandInput: StyledComponent<React.ForwardRefExoticComponent<Om
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
+}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>>, {}>;
@@ -63,7 +63,7 @@ declare const __CommandItem: StyledComponent<React.ForwardRefExoticComponent<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/panda.buildinfo.json

@@ -234,7 +234,7 @@
       "marginRight]___[value:-xs",
       "lineHeight]___[value:unset",
       "display]___[value:flex !important",
-      "width]___[value:0",
+      "display]___[value:block",
       "wordBreak]___[value:break-all",
       "fontFamily]___[value:mono",
       "color]___[value:primary",

package/dist/panda.css

@@ -2935,8 +2935,8 @@
     display: flex !important
 }
 
-  .w_0 {
-    width: var(--sizes-0)
+  .d_block {
+    display: block
 }
 
   .break_break-all {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@luxonis/common-fe-components",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
-    "style-gen": "panda codegen --clean > /dev/null",
-    "build": "./build.sh",
+    "style-gen": "panda codegen --clean",
+    "build": "rm -rf ./dist; rm ./tsconfig.tsbuildinfo; ./build.sh",
     "clean": "rm -rf ./dist ./node_modules ./tsconfig.tsbuildinfo ./src/styled-system",
     "translation-gen": "typesafe-i18n --no-watch"
   },
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
-    "@luxonis/common-fe-utils": "^1.18.1",
+    "@luxonis/common-fe-utils": "^1.19.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -84,6 +84,6 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "gitHead": "72c8593daf3369ff5b4991eb609d196edf6b52f7",
+  "gitHead": "ea07a009bb099325fae394cfcaa963082dfc761c",
   "license": "UNLICENSED"
 }

package/dist/components/custom/oak4/oak4-device-info.d.ts

@@ -1,13 +0,0 @@
-import type { DeviceModel } from '~/models/setup/configuration-schema/configuration.schema';
-import type { LegacyOakFragment } from '~/gql.generated';
-export declare const DEVICE_IMAGE_PATH = "/images/devices";
-export declare function getDeviceInformationByModel(model: DeviceModel): DeviceInformation;
-export declare function getDeviceNameByModel(model: DeviceModel): string;
-export type DeviceInformation = {
-    model: DeviceModel;
-    deviceName: string;
-    deviceImageName: string;
-    setupSteps: (string | JSX.Element)[];
-};
-export declare function getDeviceNameFromInfo(device: LegacyOakFragment): string;
-//# sourceMappingURL=oak4-device-info.d.ts.map

package/dist/components/custom/oak4/oak4-device-info.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"oak4-device-info.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-device-info.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAEnD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAmDjF;AAUD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAsB/D;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;CACtC,CAAC;AASF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAQvE"}

package/dist/components/custom/oak4/oak4-device-info.js

@@ -1,100 +0,0 @@
-import { log } from '@luxonis/common-fe-utils';
-export const DEVICE_IMAGE_PATH = '/images/devices';
-export function getDeviceInformationByModel(model) {
-    switch (model) {
-        case 'rae': {
-            return {
-                model,
-                deviceName: getDeviceNameByModel(model),
-                deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
-                setupSteps: [
-                    `Press and hold the power button on the ${getDeviceNameByModel(model)} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
-                    `Aim the RGB camera, situated near the display, directly at the QR code. Ensure the camera is perpendicular to the screen, maintaining an ideal distance of about 6-8 inches (15-20 cm).`,
-                    `Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
-                ],
-            };
-        }
-        case 'oak4s': {
-            return {
-                model,
-                deviceName: getDeviceNameByModel(model),
-                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-S.webp',
-                setupSteps: getOak4SetupSteps(model),
-            };
-        }
-        case 'oak4d': {
-            return {
-                model,
-                deviceName: getDeviceNameByModel(model),
-                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-D.webp',
-                setupSteps: getOak4SetupSteps(model),
-            };
-        }
-        case 'oak4lr': {
-            return {
-                model,
-                deviceName: getDeviceNameByModel(model),
-                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-LR.webp',
-                setupSteps: getOak4SetupSteps(model),
-            };
-        }
-        case 'oak4sr': {
-            return {
-                model,
-                deviceName: getDeviceNameByModel(model),
-                deviceImageName: `${DEVICE_IMAGE_PATH}/oak4-d-sr.webp`,
-                setupSteps: getOak4SetupSteps(model),
-            };
-        }
-        default: {
-            log.error(`Device context received unsupported model: ${model}`);
-            return emptyDeviceInformation;
-        }
-    }
-}
-function getOak4SetupSteps(model) {
-    return [
-        `Connect the PoE/ETH cable to power up the ${getDeviceNameByModel(model)}`,
-        `Scan the QR code.`,
-        'Scanning the QR code will take a few seconds. Try keeping the camera steady without moving your hands.',
-    ];
-}
-export function getDeviceNameByModel(model) {
-    switch (model) {
-        case 'rae': {
-            return 'Rae Robot';
-        }
-        case 'oak4s': {
-            return 'OAK4-S';
-        }
-        case 'oak4d': {
-            return 'OAK4-D';
-        }
-        case 'oak4lr': {
-            return 'OAK4-LR';
-        }
-        case 'oak4sr': {
-            return 'OAK4-SR';
-        }
-        default: {
-            log.error(`Unknown device model: ${model}`);
-            return 'Unknown device';
-        }
-    }
-}
-const emptyDeviceInformation = {
-    deviceName: '',
-    deviceImageName: '',
-    setupSteps: [],
-    model: 'rae',
-};
-export function getDeviceNameFromInfo(device) {
-    if (device.name && device.name !== '' && device.name !== device.serialNumber) {
-        return device.name;
-    }
-    if (device.serialNumber && device.serialNumber !== '' && device.serialNumber !== 'unknown') {
-        return device.serialNumber;
-    }
-    return 'unknown';
-}
-//# sourceMappingURL=oak4-device-info.js.map

package/dist/components/custom/oak4/oak4-device-info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"oak4-device-info.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-device-info.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAK/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAEnD,MAAM,UAAU,2BAA2B,CAAC,KAAkB;IAC5D,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO;gBACL,KAAK;gBACL,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC;gBACvC,eAAe,EAAE,GAAG,iBAAiB,WAAW;gBAChD,UAAU,EAAE;oBACV,0CAA0C,oBAAoB,CAAC,KAAK,CAAC,kHAAkH;oBACvL,yLAAyL;oBACzL,sGAAsG;iBACvG;aACF,CAAC;QACJ,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,OAAO;gBACL,KAAK;gBACL,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC;gBACvC,eAAe,EAAE,uDAAuD;gBACxE,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC;aACrC,CAAC;QACJ,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,OAAO;gBACL,KAAK;gBACL,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC;gBACvC,eAAe,EAAE,uDAAuD;gBACxE,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC;aACrC,CAAC;QACJ,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO;gBACL,KAAK;gBACL,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC;gBACvC,eAAe,EAAE,wDAAwD;gBACzE,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC;aACrC,CAAC;QACJ,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO;gBACL,KAAK;gBACL,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAAC;gBACvC,eAAe,EAAE,GAAG,iBAAiB,iBAAiB;gBACtD,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC;aACrC,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,8CAA8C,KAAK,EAAE,CAAC,CAAC;YACjE,OAAO,sBAAsB,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAkB;IAC3C,OAAO;QACL,6CAA6C,oBAAoB,CAAC,KAAK,CAAC,EAAE;QAC1E,mBAAmB;QACnB,wGAAwG;KACzG,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,yBAAyB,KAAK,EAAE,CAAC,CAAC;YAC5C,OAAO,gBAAgB,CAAC;QAC1B,CAAC;IACH,CAAC;AACH,CAAC;AASD,MAAM,sBAAsB,GAAsB;IAChD,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,EAAE;IACnB,UAAU,EAAE,EAAE;IACd,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,UAAU,qBAAqB,CAAC,MAAyB;IAC7D,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,KAAK,EAAE,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,YAAY,EAAE,CAAC;QAC7E,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB,CAAC;IACD,IAAI,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,KAAK,EAAE,IAAI,MAAM,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;QAC3F,OAAO,MAAM,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/components/custom/oak4/oak4-model.d.ts

@@ -1,4 +0,0 @@
-import { z } from 'zod';
-export declare const Oak4DeviceModelSchema: z.ZodEnum<["oak4d", "oak4lr", "oak4sr", "oak4s"]>;
-export type Oak4DeviceModel = z.infer<typeof Oak4DeviceModelSchema>;
-//# sourceMappingURL=oak4-model.d.ts.map

package/dist/components/custom/oak4/oak4-model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"oak4-model.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,qBAAqB,mDAAiD,CAAC;AAEpF,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/custom/oak4/oak4-model.js

@@ -1,3 +0,0 @@
-import { z } from 'zod';
-export const Oak4DeviceModelSchema = z.enum(['oak4d', 'oak4lr', 'oak4sr', 'oak4s']);
-//# sourceMappingURL=oak4-model.js.map

package/dist/components/custom/oak4/oak4-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"oak4-model.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC"}