@luxonis/common-fe-components 1.9.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAIzD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,KAAK,iBAAiB,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG,iBAAiB,CAAC;AAE7F,eAAO,MAAM,QAAQ,sGAapB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OA+BnE,CAAC"}

package/dist/components/custom/Checkbox.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { uuidv4 } from '@luxonis/common-fe-utils';
+import { _Label } from '../shadow-panda/_Label.js';
+import { _Checkbox } from '../shadow-panda/_Checkbox.js';
+import { NormalText } from './Text.js';
+import { Flex } from './Flex.js';
+export const Checkbox = React.forwardRef((props, ref) => {
+    const { id, label, value = false, onChange, ...rest } = props;
+    return (_jsx(_Label, { cursor: "pointer", children: _jsxs(Flex, { gap: "xs", align: "center", children: [_jsx(_Checkbox, { checked: value, onCheckedChange: onChange, ...rest, ref: ref }), _jsx(NormalText, { text: label })] }) }));
+});
+export const CheckboxGroup = (props) => {
+    const { items, onChange } = props;
+    const [checked, setChecked] = React.useState(() => Object.fromEntries(items.filter(item => item.value && item.id).map(item => [item.id, true])));
+    const handleToggleCheck = React.useCallback((id) => {
+        if (id) {
+            let newList = {};
+            if (checked[id]) {
+                const { [id]: _, ...enabled } = checked;
+                newList = enabled;
+            }
+            else {
+                newList = { ...checked, [id]: true };
+            }
+            setChecked(newList);
+            onChange?.(newList);
+        }
+    }, [checked, onChange]);
+    return (_jsx(Flex, { direction: "column", children: items.map(item => (_jsx(Checkbox, { onChange: () => handleToggleCheck(item.id), ...item }, `checkbox-group-${uuidv4()}`))) }));
+};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/custom/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAYjC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAoB,EAAE,GAA0C,EAAqB,EAAE;IACtF,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9D,OAAO,CACL,KAAC,MAAM,IAAC,MAAM,EAAC,SAAS,YACtB,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC3B,KAAC,SAAS,IAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,QAAe,KAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAI,EACnF,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,GAAI,IACtB,GACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAOF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAqB,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAuB,GAAG,EAAE,CACtE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAC7F,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,EAAW,EAAE,EAAE;QACd,IAAI,EAAE,EAAE,CAAC;YACP,IAAI,OAAO,GAAyB,EAAE,CAAC;YACvC,IAAI,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;gBAChB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,CAAC;gBACxC,OAAO,GAAG,OAAO,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;YACvC,CAAC;YACD,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACrB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,QAAQ,IAAoC,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,KAAM,IAAI,IAAlF,kBAAkB,MAAM,EAAE,EAAE,CAA0D,CACtG,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,56 @@
+import type { IconType } from 'react-icons';
+import React from 'react';
+import type { PropsFromCVA } from '../../helpers.js';
+import type { StyledTextProps } from './Text.js';
+import type { IconProps } from './Icon.js';
+import { type FlexProps } from './Flex.js';
+declare const circleStyler: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    variant: {
+        success: {
+            backgroundColor: "light.success";
+            color: "dark.success";
+            borderColor: "decoration.success";
+        };
+        error: {
+            backgroundColor: "light.error";
+            color: "dark.error";
+            borderColor: "decoration.error";
+        };
+        active: {
+            backgroundColor: "light.active";
+            color: "dark.active";
+            borderColor: "decoration.active";
+        };
+        gray: {
+            backgroundColor: "light.gray";
+            color: "dark.gray";
+            borderColor: "decoration.gray";
+        };
+        warning: {
+            backgroundColor: "light.warning";
+            color: "dark.warning";
+            borderColor: "decoration.warning";
+        };
+        icon: {
+            backgroundColor: "light.gray";
+            borderColor: "light.gray";
+            color: "dark";
+        };
+        text: {
+            backgroundColor: "dark.active";
+            borderColor: "dark.active";
+            color: "white";
+        };
+    };
+}>;
+export type CircleProps = React.PropsWithChildren<Omit<FlexProps, 'icon' | 'label'> & PropsFromCVA<typeof circleStyler> & {
+    dot?: boolean | null;
+    icon?: IconType | null;
+    iconProps?: Partial<IconProps> | null;
+    label?: string;
+    onlyFirstLetters?: boolean;
+    limitLetters?: number;
+} & Pick<StyledTextProps, 'size'>>;
+export declare const Circle: (props: CircleProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Circle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDhB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAC/C,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAC/B,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,WAAW,4CAkCxC,CAAC"}

package/dist/components/custom/Circle.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { DotIcon } from '../../icons/react-icons.js';
+import { NormalText } from './Text.js';
+import { Icon } from './Icon.js';
+import { Flex } from './Flex.js';
+const circleStyler = cva({
+    base: {
+        width: 'circle',
+        height: 'circle',
+        rounded: 'full',
+        flexShrink: 0,
+        flexGrow: 0,
+        borderWidth: 'thin',
+    },
+    variants: {
+        variant: {
+            success: {
+                backgroundColor: 'light.success',
+                color: 'dark.success',
+                borderColor: 'decoration.success',
+            },
+            error: {
+                backgroundColor: 'light.error',
+                color: 'dark.error',
+                borderColor: 'decoration.error',
+            },
+            active: {
+                backgroundColor: 'light.active',
+                color: 'dark.active',
+                borderColor: 'decoration.active',
+            },
+            gray: {
+                backgroundColor: 'light.gray',
+                color: 'dark.gray',
+                borderColor: 'decoration.gray',
+            },
+            warning: {
+                backgroundColor: 'light.warning',
+                color: 'dark.warning',
+                borderColor: 'decoration.warning',
+            },
+            icon: {
+                backgroundColor: 'light.gray',
+                borderColor: 'light.gray',
+                color: 'dark',
+            },
+            text: {
+                backgroundColor: 'dark.active',
+                borderColor: 'dark.active',
+                color: 'white',
+            },
+        },
+    },
+    defaultVariants: { variant: 'gray' },
+});
+export const Circle = (props) => {
+    const DEFAULT_LIMIT = 9999;
+    const { icon, dot, label: _label, onlyFirstLetters, limitLetters, variant: colorVariant = icon ? 'icon' : undefined, children, iconProps, size = 'primary', ...flexProps } = props;
+    const label = React.useMemo(() => {
+        if (!onlyFirstLetters || !_label) {
+            return _label;
+        }
+        return _label
+            .split(' ')
+            .map(word => word[0])
+            .join('')
+            .slice(0, limitLetters ?? DEFAULT_LIMIT);
+    }, [_label, limitLetters, onlyFirstLetters]);
+    return (_jsxs(Flex, { justify: "center", align: "center", className: circleStyler({ variant: colorVariant }), ...flexProps, children: [icon || dot ? _jsx(Icon, { icon: icon ?? DotIcon, size: dot ? 'xs' : 'md', ...iconProps }) : null, _jsx(NormalText, { size: size, text: label, color: "unset" }), children] }));
+};
+//# sourceMappingURL=Circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/components/custom/Circle.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AAEjD,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,MAAM;KACpB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,eAAe;gBAChC,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,oBAAoB;aAClC;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,aAAa;gBAC9B,KAAK,EAAE,YAAY;gBACnB,WAAW,EAAE,kBAAkB;aAChC;YACD,MAAM,EAAE;gBACN,eAAe,EAAE,cAAc;gBAC/B,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,mBAAmB;aACjC;YACD,IAAI,EAAE;gBACJ,eAAe,EAAE,YAAY;gBAC7B,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,iBAAiB;aAC/B;YACD,OAAO,EAAE;gBACP,eAAe,EAAE,eAAe;gBAChC,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,oBAAoB;aAClC;YACD,IAAI,EAAE;gBACJ,eAAe,EAAE,YAAY;gBAC7B,WAAW,EAAE,YAAY;gBACzB,KAAK,EAAE,MAAM;aACd;YACD,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,aAAa;gBAC1B,KAAK,EAAE,OAAO;aACf;SACF;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CACrC,CAAC,CAAC;AAcH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,aAAa,GAAG,IAAa,CAAC;IAEpC,MAAM,EACJ,IAAI,EACJ,GAAG,EACH,KAAK,EAAE,MAAM,EACb,gBAAgB,EAChB,YAAY,EACZ,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,CAAC;YACjC,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,MAAM;aACV,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACpB,IAAI,CAAC,EAAE,CAAC;aACR,KAAK,CAAC,CAAC,EAAE,YAAY,IAAI,aAAa,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,YAAY,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,KAAM,SAAS,aACpG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAM,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC7F,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,EACpD,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { _CommandInput, _CommandItem } from '../shadow-panda/_Command.js';
+export declare const CommandInput: typeof _CommandInput;
+export declare const CommandItem: typeof _CommandItem;
+//# sourceMappingURL=Command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,YAAY,EAA8B,MAAM,6BAA6B,CAAC;AAEtG,eAAO,MAAM,YAAY,EAAE,OAAO,aAQhC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,OAAO,YAU/B,CAAC"}

package/dist/components/custom/Command.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { _CommandInput, _CommandItem, _InputWrapper, _SearchIcon } from '../shadow-panda/_Command.js';
+export const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs(_InputWrapper, { "cmdk-input-wrapper": "", borderRadius: "md", border: "border.base", height: "8", children: [_jsx(_SearchIcon, { opacity: 1 }), _jsx(_CommandInput, { ref: ref, className: className, ...props })] })));
+export const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(_CommandItem, { backgroundColor: "white", _hover: { backgroundColor: 'light.active' }, ref: ref, ...props })));
+//# sourceMappingURL=Command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sourceRoot":"","sources":["../../../src/components/custom/Command.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEtG,MAAM,CAAC,MAAM,YAAY,GAAyB,KAAK,CAAC,UAAU,CAGhE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,MAAC,aAAa,0BAAoB,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,aAAa,EAAC,MAAM,EAAC,GAAG,aACpF,KAAC,WAAW,IAAC,OAAO,EAAE,CAAC,GAAI,EAC3B,KAAC,aAAa,IAAC,GAAG,EAAE,GAAwC,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,IACnF,CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAwB,KAAK,CAAC,UAAU,CAG9D,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,YAAY,IACX,eAAe,EAAC,OAAO,EACvB,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,EAC3C,GAAG,EAAE,GAAsC,KACvC,KAAK,GACT,CACH,CAAC,CAAC"}