@luxonis/common-fe-components 1.14.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/components/custom/Button.d.ts +1 -0
  2. package/dist/components/custom/Button.d.ts.map +1 -1
  3. package/dist/components/custom/Button.js.map +1 -1
  4. package/dist/components/custom/DropdownMenu.d.ts +17 -17
  5. package/dist/components/custom/PasswordInput.d.ts +3 -0
  6. package/dist/components/custom/PasswordInput.d.ts.map +1 -1
  7. package/dist/components/custom/PasswordInput.js +5 -4
  8. package/dist/components/custom/PasswordInput.js.map +1 -1
  9. package/dist/components/custom/RadioGroup.d.ts +14 -14
  10. package/dist/components/custom/Slider.d.ts +16 -16
  11. package/dist/components/custom/devices/devices.d.ts +2 -0
  12. package/dist/components/custom/devices/devices.d.ts.map +1 -1
  13. package/dist/components/custom/devices/devices.js +41 -3
  14. package/dist/components/custom/devices/devices.js.map +1 -1
  15. package/dist/components/shadow-panda/_Command.d.ts +1 -1
  16. package/dist/index.css +3 -0
  17. package/dist/panda.buildinfo.json +7 -1
  18. package/dist/panda.css +24 -0
  19. package/package.json +3 -3
package/dist/components/custom/Button.d.ts CHANGED
@@ -44,6 +44,7 @@ type ExtraButtonProps = PropsFromCVA<typeof customButtonStyler> & {
44
44
  onSelect?: ((id: string) => void) | null;
45
45
  } | null;
46
46
  contentWidth?: PropertyValue<'width'>;
47
+ 'data-cy'?: string;
47
48
  };
48
49
  export type ButtonProps = Omit<HTMLStyledProps<typeof _Button>, 'variant'> & HoverColorStylesProps & ExtraButtonProps;
49
50
  export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
package/dist/components/custom/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAIzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAIpE,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyBtB,CAAC;AAEH,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAChE,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;KAC1C,GAAG,IAAI,CAAC;IACT,YAAY,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,qBAAqB,GAAG,gBAAgB,CAAC;AAEtH,eAAO,MAAM,MAAM,oGAiEjB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAIzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAIpE,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyBtB,CAAC;AAEH,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAChE,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;KAC1C,GAAG,IAAI,CAAC;IACT,YAAY,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,qBAAqB,GAAG,gBAAgB,CAAC;AAEtH,eAAO,MAAM,MAAM,oGAiEjB,CAAC"}
package/dist/components/custom/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/custom/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/custom/Button.tsx"],"names":[],"mappings":"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"}
package/dist/components/custom/DropdownMenu.d.ts CHANGED
@@ -13,18 +13,13 @@ export type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof _Dropd
13
13
  export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
14
14
  export type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof _DropdownMenuContent>;
15
15
  export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<{
16
- ref?: React.Ref<HTMLDivElement> | undefined;
17
- slot?: string | undefined;
18
- style?: React.CSSProperties | undefined;
19
- title?: string | undefined;
20
- key?: React.Key | null | undefined;
16
+ className?: string | undefined;
21
17
  defaultChecked?: boolean | undefined;
22
18
  defaultValue?: string | number | readonly string[] | undefined;
23
19
  suppressContentEditableWarning?: boolean | undefined;
24
20
  suppressHydrationWarning?: boolean | undefined;
25
21
  accessKey?: string | undefined;
26
22
  autoFocus?: boolean | undefined;
27
- className?: string | undefined;
28
23
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
29
24
  contextMenu?: string | undefined;
30
25
  draggable?: (boolean | "true" | "false") | undefined;
@@ -32,8 +27,11 @@ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<{
32
27
  id?: string | undefined;
33
28
  lang?: string | undefined;
34
29
  nonce?: string | undefined;
30
+ slot?: string | undefined;
35
31
  spellCheck?: (boolean | "true" | "false") | undefined;
32
+ style?: React.CSSProperties | undefined;
36
33
  tabIndex?: number | undefined;
34
+ title?: string | undefined;
37
35
  radioGroup?: string | undefined;
38
36
  role?: React.AriaRole | undefined;
39
37
  about?: string | undefined;
@@ -276,15 +274,26 @@ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<{
276
274
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
277
275
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
278
276
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
279
- sticky?: ("partial" | "always") | undefined;
277
+ ref?: React.Ref<HTMLDivElement> | undefined;
278
+ key?: React.Key | null | undefined;
280
279
  align?: ("end" | "start" | "center") | undefined;
281
- loop?: boolean | undefined;
280
+ sticky?: ("partial" | "always") | undefined;
282
281
  asChild?: boolean | undefined;
282
+ side?: ("top" | "left" | "right" | "bottom") | undefined;
283
+ sideOffset?: number | undefined;
284
+ alignOffset?: number | undefined;
285
+ arrowPadding?: number | undefined;
286
+ avoidCollisions?: boolean | undefined;
287
+ collisionBoundary?: ((Element | null) | (Element | null)[]) | undefined;
288
+ collisionPadding?: (number | Partial<Record<"top" | "left" | "right" | "bottom", number>>) | undefined;
289
+ hideWhenDetached?: boolean | undefined;
290
+ updatePositionStrategy?: ("optimized" | "always") | undefined;
283
291
  forceMount?: true | undefined;
284
292
  onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
285
293
  onPointerDownOutside?: ((event: CustomEvent<{
286
294
  originalEvent: PointerEvent;
287
295
  }>) => void) | undefined;
296
+ loop?: boolean | undefined;
288
297
  onFocusOutside?: ((event: CustomEvent<{
289
298
  originalEvent: FocusEvent;
290
299
  }>) => void) | undefined;
@@ -294,15 +303,6 @@ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<{
294
303
  originalEvent: FocusEvent;
295
304
  }>) => void) | undefined;
296
305
  onCloseAutoFocus?: ((event: Event) => void) | undefined;
297
- side?: ("top" | "left" | "right" | "bottom") | undefined;
298
- sideOffset?: number | undefined;
299
- alignOffset?: number | undefined;
300
- arrowPadding?: number | undefined;
301
- avoidCollisions?: boolean | undefined;
302
- collisionBoundary?: ((Element | null) | (Element | null)[]) | undefined;
303
- collisionPadding?: (number | Partial<Record<"top" | "left" | "right" | "bottom", number>>) | undefined;
304
- hideWhenDetached?: boolean | undefined;
305
- updatePositionStrategy?: ("optimized" | "always") | undefined;
306
306
  htmlWidth?: (string | number) | undefined;
307
307
  htmlHeight?: (string | number) | undefined;
308
308
  htmlTranslate?: "yes" | "no" | undefined;
package/dist/components/custom/PasswordInput.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import React from 'react';
2
2
  import { type InputProps } from './Input.js';
3
+ import { Button } from './Button.js';
3
4
  export type PasswordInputProps = InputProps & {
4
5
  variant?: 'new' | 'current';
6
+ fakePasswordInput?: boolean;
5
7
  showPasswordButton?: boolean;
6
8
  skipButtonInTabNavigation?: boolean;
9
+ toggleButtonProps?: React.ComponentProps<typeof Button>;
7
10
  };
8
11
  export declare const PasswordInput: React.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
9
12
  //# sourceMappingURL=PasswordInput.d.ts.map
package/dist/components/custom/PasswordInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAIpD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,aAAa,0GAgCzB,CAAC"}
1
+ {"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,aAAa,0GAuCzB,CAAC"}
package/dist/components/custom/PasswordInput.js CHANGED
@@ -1,15 +1,16 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import React from 'react';
3
+ import { cx } from '../../styled-system/css/cx.mjs';
3
4
  import { css } from '../../styled-system/css/css.mjs';
4
5
  import { HideIcon, ShowIcon } from '../../icons/react-icons.js';
5
6
  import { Input } from './Input.js';
6
7
  import { Flex } from './Flex.js';
7
8
  import { Button } from './Button.js';
8
9
  export const PasswordInput = React.forwardRef((props, ref) => {
9
- const { showPasswordButton = true, variant = 'current', ...inputProps } = props;
10
+ const { showPasswordButton = true, variant = 'current', fakePasswordInput = false, toggleButtonProps, ...inputProps } = props;
10
11
  const [showPassword, setShowPassword] = React.useState(false);
11
- return (_jsxs(Flex, { gap: "xs", children: [_jsx(Input, { ref: ref, placeholder: inputProps.placeholder, autoComplete: variant === 'new' ? 'new-password' : 'current-password', type: showPassword ? 'text' : 'password', wrapperProps: {
12
- className: css({ width: 'full' }),
13
- }, ...inputProps }), showPasswordButton && (_jsx(Button, { variant: "outline", colorVariant: "white", size: "icon", type: "button", icon: showPassword ? HideIcon : ShowIcon, onClick: () => setShowPassword(!showPassword), tabIndex: props.skipButtonInTabNavigation ? -1 : 0 }))] }));
12
+ return (_jsxs(Flex, { gap: "xs", children: [_jsx(Input, { ref: ref, placeholder: inputProps.placeholder, autoComplete: variant === 'new' ? 'new-password' : 'current-password', type: showPassword || fakePasswordInput ? 'text' : 'password', wrapperProps: {
13
+ className: cx(css({ width: 'full' }), fakePasswordInput && !showPassword ? 'fake-password-input' : ''),
14
+ }, ...inputProps }), showPasswordButton && (_jsx(Button, { variant: "outline", colorVariant: "white", size: "icon", type: "button", icon: showPassword ? HideIcon : ShowIcon, onClick: () => setShowPassword(!showPassword), tabIndex: props.skipButtonInTabNavigation ? -1 : 0, ...toggleButtonProps }))] }));
14
15
  });
15
16
  //# sourceMappingURL=PasswordInput.js.map
package/dist/components/custom/PasswordInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,KAAyB,EAAE,GAAyC,EAAE,EAAE;IACvE,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,EACrE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,YAAY,EAAE;oBACZ,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;iBAClC,KACG,UAAU,GACd,EACD,kBAAkB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,OAAO,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClD,CACH,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/custom/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAUrC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,KAAyB,EAAE,GAAyC,EAAE,EAAE;IACvE,MAAM,EACJ,kBAAkB,GAAG,IAAI,EACzB,OAAO,GAAG,SAAS,EACnB,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,EACjB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,YAAY,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,EACrE,IAAI,EAAE,YAAY,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC7D,YAAY,EAAE;oBACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,iBAAiB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;iBACvG,KACG,UAAU,GACd,EACD,kBAAkB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,OAAO,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC9C,iBAAiB,GACrB,CACH,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
package/dist/components/custom/RadioGroup.d.ts CHANGED
@@ -7,18 +7,13 @@ type RadioItem = {
7
7
  export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<{
8
8
  value?: import("@radix-ui/react-radio-group").RadioGroupContextValue["value"];
9
9
  name?: import("@radix-ui/react-radio-group").RadioGroupContextValue["name"];
10
- ref?: React.Ref<HTMLDivElement> | undefined;
11
- slot?: string | undefined;
12
- style?: React.CSSProperties | undefined;
13
- title?: string | undefined;
14
- key?: React.Key | null | undefined;
10
+ className?: string | undefined;
15
11
  defaultChecked?: boolean | undefined;
16
12
  defaultValue?: string | undefined;
17
13
  suppressContentEditableWarning?: boolean | undefined;
18
14
  suppressHydrationWarning?: boolean | undefined;
19
15
  accessKey?: string | undefined;
20
16
  autoFocus?: boolean | undefined;
21
- className?: string | undefined;
22
17
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
23
18
  contextMenu?: string | undefined;
24
19
  dir?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["dir"];
@@ -27,8 +22,11 @@ export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<
27
22
  id?: string | undefined;
28
23
  lang?: string | undefined;
29
24
  nonce?: string | undefined;
25
+ slot?: string | undefined;
30
26
  spellCheck?: (boolean | "true" | "false") | undefined;
27
+ style?: React.CSSProperties | undefined;
31
28
  tabIndex?: number | undefined;
29
+ title?: string | undefined;
32
30
  radioGroup?: string | undefined;
33
31
  role?: React.AriaRole | undefined;
34
32
  about?: string | undefined;
@@ -271,11 +269,13 @@ export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<
271
269
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
272
270
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
273
271
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
272
+ ref?: React.Ref<HTMLDivElement> | undefined;
273
+ key?: React.Key | null | undefined;
274
274
  disabled?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["disabled"];
275
+ asChild?: boolean | undefined;
275
276
  orientation?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["orientation"];
276
277
  required?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["required"];
277
278
  loop?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["loop"];
278
- asChild?: boolean | undefined;
279
279
  onValueChange?: import("@radix-ui/react-radio-group").RadioGroupContextValue["onValueChange"] | undefined;
280
280
  htmlWidth?: (string | number) | undefined;
281
281
  htmlHeight?: (string | number) | undefined;
@@ -1092,18 +1092,13 @@ export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<Omit<
1092
1092
  export declare const RadioGroupSimple: React.ForwardRefExoticComponent<Omit<Omit<Omit<{
1093
1093
  value?: import("@radix-ui/react-radio-group").RadioGroupContextValue["value"];
1094
1094
  name?: import("@radix-ui/react-radio-group").RadioGroupContextValue["name"];
1095
- ref?: React.Ref<HTMLDivElement> | undefined;
1096
- slot?: string | undefined;
1097
- style?: React.CSSProperties | undefined;
1098
- title?: string | undefined;
1099
- key?: React.Key | null | undefined;
1095
+ className?: string | undefined;
1100
1096
  defaultChecked?: boolean | undefined;
1101
1097
  defaultValue?: string | undefined;
1102
1098
  suppressContentEditableWarning?: boolean | undefined;
1103
1099
  suppressHydrationWarning?: boolean | undefined;
1104
1100
  accessKey?: string | undefined;
1105
1101
  autoFocus?: boolean | undefined;
1106
- className?: string | undefined;
1107
1102
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
1108
1103
  contextMenu?: string | undefined;
1109
1104
  dir?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["dir"];
@@ -1112,8 +1107,11 @@ export declare const RadioGroupSimple: React.ForwardRefExoticComponent<Omit<Omit
1112
1107
  id?: string | undefined;
1113
1108
  lang?: string | undefined;
1114
1109
  nonce?: string | undefined;
1110
+ slot?: string | undefined;
1115
1111
  spellCheck?: (boolean | "true" | "false") | undefined;
1112
+ style?: React.CSSProperties | undefined;
1116
1113
  tabIndex?: number | undefined;
1114
+ title?: string | undefined;
1117
1115
  radioGroup?: string | undefined;
1118
1116
  role?: React.AriaRole | undefined;
1119
1117
  about?: string | undefined;
@@ -1356,11 +1354,13 @@ export declare const RadioGroupSimple: React.ForwardRefExoticComponent<Omit<Omit
1356
1354
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
1357
1355
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
1358
1356
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
1357
+ ref?: React.Ref<HTMLDivElement> | undefined;
1358
+ key?: React.Key | null | undefined;
1359
1359
  disabled?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["disabled"];
1360
+ asChild?: boolean | undefined;
1360
1361
  orientation?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["orientation"];
1361
1362
  required?: import("@radix-ui/react-primitive").ComponentPropsWithoutRef<typeof import("@radix-ui/react-radio-group").Radio>["required"];
1362
1363
  loop?: import("@radix-ui/react-radio-group").RovingFocusGroupProps["loop"];
1363
- asChild?: boolean | undefined;
1364
1364
  onValueChange?: import("@radix-ui/react-radio-group").RadioGroupContextValue["onValueChange"] | undefined;
1365
1365
  htmlWidth?: (string | number) | undefined;
1366
1366
  htmlHeight?: (string | number) | undefined;
package/dist/components/custom/Slider.d.ts CHANGED
@@ -10,18 +10,13 @@ export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<{
10
10
  max?: number | undefined;
11
11
  value?: number[] | undefined;
12
12
  name?: string | undefined;
13
- ref?: React.Ref<HTMLSpanElement> | undefined;
14
- slot?: string | undefined;
15
- style?: React.CSSProperties | undefined;
16
- title?: string | undefined;
17
- key?: React.Key | null | undefined;
13
+ className?: string | undefined;
18
14
  defaultChecked?: boolean | undefined;
19
15
  defaultValue?: number[] | undefined;
20
16
  suppressContentEditableWarning?: boolean | undefined;
21
17
  suppressHydrationWarning?: boolean | undefined;
22
18
  accessKey?: string | undefined;
23
19
  autoFocus?: boolean | undefined;
24
- className?: string | undefined;
25
20
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
26
21
  contextMenu?: string | undefined;
27
22
  dir?: ("ltr" | "rtl") | undefined;
@@ -30,8 +25,11 @@ export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<{
30
25
  id?: string | undefined;
31
26
  lang?: string | undefined;
32
27
  nonce?: string | undefined;
28
+ slot?: string | undefined;
33
29
  spellCheck?: (boolean | "true" | "false") | undefined;
30
+ style?: React.CSSProperties | undefined;
34
31
  tabIndex?: number | undefined;
32
+ title?: string | undefined;
35
33
  radioGroup?: string | undefined;
36
34
  role?: React.AriaRole | undefined;
37
35
  about?: string | undefined;
@@ -274,12 +272,14 @@ export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<{
274
272
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
275
273
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
276
274
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
275
+ ref?: React.Ref<HTMLSpanElement> | undefined;
276
+ key?: React.Key | null | undefined;
277
277
  disabled?: boolean | undefined;
278
- orientation?: React.AriaAttributes["aria-orientation"];
279
278
  asChild?: boolean | undefined;
279
+ orientation?: React.AriaAttributes["aria-orientation"];
280
+ onValueChange?: ((value: number[]) => void) | undefined;
280
281
  inverted?: boolean | undefined;
281
282
  minStepsBetweenThumbs?: number | undefined;
282
- onValueChange?: ((value: number[]) => void) | undefined;
283
283
  onValueCommit?: ((value: number[]) => void) | undefined;
284
284
  showLabels?: boolean | undefined;
285
285
  thumbSize?: ("sm" | "lg") | undefined;
@@ -1104,18 +1104,13 @@ export declare const DoubleSlider: React.ForwardRefExoticComponent<Omit<Omit<{
1104
1104
  max?: number | undefined;
1105
1105
  value?: number[] | undefined;
1106
1106
  name?: string | undefined;
1107
- ref?: React.Ref<HTMLSpanElement> | undefined;
1108
- slot?: string | undefined;
1109
- style?: React.CSSProperties | undefined;
1110
- title?: string | undefined;
1111
- key?: React.Key | null | undefined;
1107
+ className?: string | undefined;
1112
1108
  defaultChecked?: boolean | undefined;
1113
1109
  defaultValue?: number[] | undefined;
1114
1110
  suppressContentEditableWarning?: boolean | undefined;
1115
1111
  suppressHydrationWarning?: boolean | undefined;
1116
1112
  accessKey?: string | undefined;
1117
1113
  autoFocus?: boolean | undefined;
1118
- className?: string | undefined;
1119
1114
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
1120
1115
  contextMenu?: string | undefined;
1121
1116
  dir?: ("ltr" | "rtl") | undefined;
@@ -1124,8 +1119,11 @@ export declare const DoubleSlider: React.ForwardRefExoticComponent<Omit<Omit<{
1124
1119
  id?: string | undefined;
1125
1120
  lang?: string | undefined;
1126
1121
  nonce?: string | undefined;
1122
+ slot?: string | undefined;
1127
1123
  spellCheck?: (boolean | "true" | "false") | undefined;
1124
+ style?: React.CSSProperties | undefined;
1128
1125
  tabIndex?: number | undefined;
1126
+ title?: string | undefined;
1129
1127
  radioGroup?: string | undefined;
1130
1128
  role?: React.AriaRole | undefined;
1131
1129
  about?: string | undefined;
@@ -1368,12 +1366,14 @@ export declare const DoubleSlider: React.ForwardRefExoticComponent<Omit<Omit<{
1368
1366
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
1369
1367
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
1370
1368
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
1369
+ ref?: React.Ref<HTMLSpanElement> | undefined;
1370
+ key?: React.Key | null | undefined;
1371
1371
  disabled?: boolean | undefined;
1372
- orientation?: React.AriaAttributes["aria-orientation"];
1373
1372
  asChild?: boolean | undefined;
1373
+ orientation?: React.AriaAttributes["aria-orientation"];
1374
+ onValueChange?: ((value: number[]) => void) | undefined;
1374
1375
  inverted?: boolean | undefined;
1375
1376
  minStepsBetweenThumbs?: number | undefined;
1376
- onValueChange?: ((value: number[]) => void) | undefined;
1377
1377
  onValueCommit?: ((value: number[]) => void) | undefined;
1378
1378
  showLabels?: boolean | undefined;
1379
1379
  thumbSize?: ("sm" | "lg") | undefined;
package/dist/components/custom/devices/devices.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import type { DeviceID, DeviceList } from './devices-list.js';
2
3
  import { type DeviceFamily } from './devices-family.js';
3
4
  export type DeviceInformation = {
@@ -6,6 +7,7 @@ export type DeviceInformation = {
6
7
  deviceImageName: string;
7
8
  setupSteps: (string | JSX.Element)[];
8
9
  };
10
+ export declare function LedStatusLegend(): import("react/jsx-runtime").JSX.Element;
9
11
  export declare function getDeviceInformationByModel(device: DeviceList): DeviceInformation;
10
12
  export declare const getDeviceNameByModel: (base: DeviceID) => string;
11
13
  export declare const getSetupSteps: (base: DeviceID) => (string | React.JSX.Element)[];
package/dist/components/custom/devices/devices.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,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;AAEF,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,iBAAiB,CA4BjF;AAED,eAAO,MAAM,oBAAoB,SAAU,QAAQ,KAAG,MAsBrD,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,QAAQ,KAAG,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAyB1E,CAAC"}
1
+ {"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;AAStF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,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;AAmEF,wBAAgB,eAAe,4CAQ9B;AAED,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,iBAAiB,CA4BjF;AAED,eAAO,MAAM,oBAAoB,SAAU,QAAQ,KAAG,MAsBrD,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,QAAQ,KAAG,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAqC1E,CAAC"}
package/dist/components/custom/devices/devices.js CHANGED
@@ -1,6 +1,45 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { TiMinusOutline } from 'react-icons/ti';
3
+ import React from 'react';
1
4
  import { log } from '@luxonis/common-fe-utils';
2
5
  import { getProductToDeviceProperties } from './devices-family.js';
3
6
  import { DEVICE_IMAGE_PATH, DEVICE_IMAGES_LINK, emptyDeviceInformation } from './devices-constants.js';
7
+ import { Tooltip } from '../Tooltip';
8
+ import { SubLabel } from '../Text';
9
+ import { Icon } from '../Icon';
10
+ import { Flex } from '../Flex';
11
+ import { css } from '../../../styled-system/css/css.mjs';
12
+ import { HelpIcon } from '../../../icons';
13
+ function LedStatusItem({ status }) {
14
+ const iconColor = React.useMemo(() => {
15
+ switch (status) {
16
+ case 'success':
17
+ return '#18ec18';
18
+ case 'in-progress':
19
+ return '#f7d702';
20
+ case 'error':
21
+ return '#fc0f13';
22
+ }
23
+ }, [status]);
24
+ const statusText = React.useMemo(() => {
25
+ switch (status) {
26
+ case 'success':
27
+ return 'Setup completed successfully, blinking green followed by solid blue.';
28
+ case 'in-progress':
29
+ return 'Setup in progress,blinking yellow.';
30
+ case 'error':
31
+ return 'Setup issue, blinking red.';
32
+ }
33
+ }, [status]);
34
+ return (_jsxs(Flex, { direction: "row", alignItems: "center", gap: "xs", justifyContent: "start", width: "full", className: css({ marginY: '-20px' }), children: [_jsx(TiMinusOutline, { size: 75, style: { color: iconColor, fill: iconColor, minWidth: '75px' } }), _jsx(SubLabel, { text: statusText, className: css({ fontWeight: 'lighter' }) }), status === 'error' && (_jsx(Tooltip, { content: _jsxs(Flex, { direction: 'column', maxWidth: "container.sm", children: ["Setup failed. This can be caused by multiple reasons.", _jsxs("ul", { className: css({
35
+ listStyleType: 'disc',
36
+ listStylePosition: 'inside',
37
+ color: 'text.gray',
38
+ }), children: [_jsx("li", { children: "Potential power incompatibility." }), _jsx("li", { children: "Internet access is required, but the connection failed." })] })] }), position: 'right', delayDuration: 0, children: _jsx(Icon, { icon: HelpIcon, size: "sm", color: "gray", cursor: "help" }) }))] }));
39
+ }
40
+ export function LedStatusLegend() {
41
+ return (_jsxs(Flex, { direction: "column", gap: "-25px", children: [_jsx(LedStatusItem, { status: 'in-progress' }), _jsx(LedStatusItem, { status: 'success' }), _jsx(LedStatusItem, { status: 'error' })] }));
42
+ }
4
43
  export function getDeviceInformationByModel(device) {
5
44
  const info = getProductToDeviceProperties(device);
6
45
  switch (info.id) {
@@ -61,9 +100,8 @@ export const getSetupSteps = (base) => {
61
100
  case 'OAK4-SR':
62
101
  case 'OAK4-D-PRO': {
63
102
  return [
64
- `Connect the PoE/ETH cable to power up the ${getDeviceNameByModel(base)}`,
65
- `Scan the QR code.`,
66
- 'Scanning the QR code will take a few seconds. Try keeping the camera steady without moving your hands.',
103
+ _jsxs("p", { children: [_jsxs("strong", { className: css({ fontWeight: 'semibold' }), children: ["Connect the PoE/ETH cable to power up the ", getDeviceNameByModel(base), "."] }), _jsx(SubLabel, { text: " Ensure the device is ready for setup (blinking blue)." })] }, 'step-1'),
104
+ _jsx(Flex, { direction: "column", gap: "xs", children: _jsxs("p", { children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Point your device\u2018s camera at the displayed QR code." }), _jsx(SubLabel, { text: " Try to keep the camera steady for a few seconds without moving your hands. You may encounter the following statuses:" }), _jsx(LedStatusLegend, {})] }) }, 'step-2'),
67
105
  ];
68
106
  }
69
107
  case 'RAE': {
package/dist/components/custom/devices/devices.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,4BAA4B,EAAqB,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AASvG,MAAM,UAAU,2BAA2B,CAAC,MAAkB;IAC5D,MAAM,IAAI,GAAG,4BAA4B,CAAC,MAAM,CAAC,CAAC;IAClD,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;QAChB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO;gBACL,IAAI;gBACJ,UAAU,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzC,eAAe,EAAE,GAAG,kBAAkB,IAAI,IAAI,CAAC,EAAE,OAAO;gBACxD,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;aACnC,CAAC;QACJ,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO;gBACL,IAAI;gBACJ,UAAU,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzC,eAAe,EAAE,GAAG,iBAAiB,WAAW;gBAChD,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;aACnC,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,8CAA8C,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACnE,OAAO,sBAAsB,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAc,EAAU,EAAE;IAC7D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,aAAa,CAAC;QACvB,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;YAC3C,OAAO,gBAAgB,CAAC;QAC1B,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAc,EAAkC,EAAE;IAC9E,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO;gBACL,6CAA6C,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBACzE,mBAAmB;gBACnB,wGAAwG;aACzG,CAAC;QACJ,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO;gBACL,0CAA0C,oBAAoB,CAAC,IAAI,CAAC,kHAAkH;gBACtL,yLAAyL;gBACzL,sGAAsG;aACvG,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;YAC3C,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"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"}
package/dist/components/shadow-panda/_Command.d.ts CHANGED
@@ -14,7 +14,7 @@ declare const __CommandInput: StyledComponent<React.ForwardRefExoticComponent<Om
14
14
  ref?: React.Ref<HTMLInputElement>;
15
15
  } & {
16
16
  asChild?: boolean;
17
- }, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "type" | "onChange"> & {
17
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
18
18
  value?: string;
19
19
  onValueChange?: (search: string) => void;
20
20
  } & React.RefAttributes<HTMLInputElement>>, {}>;
package/dist/index.css CHANGED
@@ -1,2 +1,5 @@
1
1
  @layer reset, base, tokens, recipes, utilities;
2
2
 
3
+ .fake-password-input {
4
+ -webkit-text-security: disc;
5
+ }
package/dist/panda.buildinfo.json CHANGED
@@ -319,7 +319,13 @@
319
319
  "minHeight]___[value:skeleton.input.height",
320
320
  "minHeight]___[value:skeleton.height",
321
321
  "minWidth]___[value:skeleton.textarea.width",
322
- "minHeight]___[value:skeleton.textarea.height"
322
+ "minHeight]___[value:skeleton.textarea.height",
323
+ "maxWidth]___[value:container.sm",
324
+ "gap]___[value:-25px",
325
+ "marginBlock]___[value:-20px",
326
+ "fontWeight]___[value:lighter",
327
+ "fontWeight]___[value:semibold",
328
+ "position]___[value:right"
323
329
  ],
324
330
  "recipes": {
325
331
  "icon": [
package/dist/panda.css CHANGED
@@ -3262,6 +3262,30 @@
3262
3262
  min-height: var(--sizes-skeleton-textarea-height)
3263
3263
  }
3264
3264
 
3265
+ .max-w_container\.sm {
3266
+ max-width: var(--sizes-container-sm)
3267
+ }
3268
+
3269
+ .gap_-25px {
3270
+ gap: -25px
3271
+ }
3272
+
3273
+ .my_-20px {
3274
+ margin-block: -20px
3275
+ }
3276
+
3277
+ .font_lighter {
3278
+ font-weight: lighter
3279
+ }
3280
+
3281
+ .font_semibold {
3282
+ font-weight: var(--font-weights-semibold)
3283
+ }
3284
+
3285
+ .pos_right {
3286
+ position: right
3287
+ }
3288
+
3265
3289
  .hover\:text-decor_underline:is(:hover, [data-hover]) {
3266
3290
  text-decoration: underline
3267
3291
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/common-fe-components",
3
- "version": "1.14.0",
3
+ "version": "1.16.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@hookform/resolvers": "^3.9.0",
25
- "@luxonis/common-fe-utils": "^1.14.0",
25
+ "@luxonis/common-fe-utils": "^1.16.0",
26
26
  "@radix-ui/react-accordion": "^1.2.0",
27
27
  "@radix-ui/react-alert-dialog": "^1.1.1",
28
28
  "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -84,6 +84,6 @@
84
84
  "registry": "https://registry.npmjs.org",
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "6ef30e745d571df6ac11860d506814c2da411d41",
87
+ "gitHead": "6c222bb029f5fae7650a78845db83dde04587bec",
88
88
  "license": "UNLICENSED"
89
89
  }