@luxonis/common-fe-components 1.9.5

package/dist/components/custom/Form.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useForm as _useForm } from 'react-hook-form';
+import React from 'react';
+import { log, noop, parseJson, serializeToJson } from '@luxonis/common-fe-utils';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { _Form, _FormField, FormControl, FormDescription, FormItem, FormLabel, useFormField, } from '../shadow-panda/Form.js';
+import { formMessage } from '../../styled-system/recipes/form-message.mjs';
+import { styled } from '../../styled-system/jsx/factory.mjs';
+import { css } from '../../styled-system/css/css.mjs';
+import { useToast } from '../../hooks/use-toast.js';
+import { clsx } from '../../helpers.js';
+import { Tooltip } from './Tooltip.js';
+import { LightSubLabel } from './Text.js';
+import { Flex } from './Flex.js';
+import { Button } from './Button.js';
+export { useFieldArray } from 'react-hook-form';
+export function useForm(schema, defaultValues, mode = 'onSubmit') {
+    const serializedDefaults = serializeToJson(defaultValues ?? {});
+    const form = _useForm({
+        resolver: zodResolver(schema),
+        defaultValues,
+        mode,
+    });
+    React.useEffect(() => {
+        form.reset(parseJson(serializedDefaults));
+    }, [form, serializedDefaults]);
+    return form;
+}
+export const Form = (props) => {
+    const { form, submitLabel, submitIcon, submitVariant, submitTooltip, actions, onSubmit = noop, children, className, disabled, submitActionFull = false, errorToast = true, canDiscard = false, onReset = noop, autofocusField, } = props;
+    const { toast } = useToast();
+    const formStyles = css({ spaceY: 'sm' });
+    const buttonStyles = css({ width: submitActionFull ? 'full' : undefined });
+    React.useEffect(() => {
+        if (form.formState.errors.submit?.message) {
+            log.error({ error: form.formState.errors.submit }, 'Form sumbission threw an error');
+            form.setError('root', { message: 'Unknown error' });
+            if (errorToast) {
+                toast({ description: 'Unexpected error', colorVariant: 'error' });
+            }
+        }
+    }, [errorToast, form.formState.errors.submit?.message, toast, form.formState.submitCount, form]);
+    const handleSubmitFn = (values) => {
+        onSubmit(values);
+        form.reset(values, { keepDirty: false });
+    };
+    const handleDiscard = React.useCallback(() => {
+        form.reset();
+        if (onReset) {
+            onReset();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [form]);
+    React.useEffect(() => {
+        if (autofocusField) {
+            form.setFocus(autofocusField);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (_jsx(_Form, { ...form, children: _jsxs(styled.form, { onSubmit: form.handleSubmit(handleSubmitFn), className: clsx(formStyles, className), children: [children, _jsxs(Flex, { gap: "sm", justify: "flex-end", children: [actions, canDiscard && (_jsx(Button, { onClick: handleDiscard, disabled: !form.formState.isDirty || disabled?.(form.watch()), variant: "outline", colorVariant: "white", label: "Discard Changes" })), (submitLabel ?? submitIcon) &&
+                            (submitTooltip ? (_jsx(Tooltip, { content: submitTooltip, children: _jsx(Button, { icon: submitIcon, label: submitLabel, className: buttonStyles, type: "submit", variant: submitVariant, disabled: disabled?.(form.watch()) ?? false, "data-cy": "form-submit-button" }) })) : (_jsx(Button, { icon: submitIcon, label: submitLabel, className: buttonStyles, type: "submit", variant: submitVariant, disabled: disabled?.(form.watch()) ?? false, "data-cy": "form-submit-button" })))] })] }) }));
+};
+const BaseFormMessage = React.forwardRef(({ children, renderArrayErrors, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = React.useMemo(() => {
+        if (error?.message) {
+            return String(error.message);
+        }
+        if (renderArrayErrors && Array.isArray(error)) {
+            const message = error.find(item => !!item?.message);
+            if (message) {
+                return String(message);
+            }
+        }
+        return children;
+    }, [error, children, renderArrayErrors]);
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { ref: ref, id: formMessageId, ...props, children: body }));
+});
+BaseFormMessage.displayName = 'FormMessage';
+const FormMessage = styled(BaseFormMessage, formMessage);
+export const FormField = (props) => {
+    const { form, name, label, description, render, maxLength, fullWidth, className, disabled = false } = props;
+    return (_jsx(_FormField, { control: form.control, name: name, disabled: disabled, render: ({ field }) => {
+            return (_jsxs(FormItem, { width: fullWidth ? 'full' : undefined, className: className, children: [label && _jsx(FormLabel, { children: label }), _jsx(FormControl, { children: render(field) }), description && _jsx(FormDescription, { children: description }), maxLength && (_jsx(Flex, { justifyContent: "flex-end", children: _jsx(LightSubLabel, { text: `${field.value ? field.value.length : 0}/${maxLength}`, color: field.value && field.value.length >= maxLength ? 'error' : 'light' }) })), _jsx(FormMessage, { renderArrayErrors: props.renderArrayErrors })] }));
+        } }));
+};
+export { FormItem, FormLabel, FormControl, FormDescription, FormMessage } from '../shadow-panda/Form.js';
+//# sourceMappingURL=Form.js.map

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Token } from '../../styled-system/tokens/index.mjs';
+import type { GridProps as _GridProps } from '../../styled-system/jsx/grid.mjs';
+import type { GridItemProps } from '../../styled-system/jsx/grid-item.mjs';
+export type GridProps = _GridProps & {
+    empty?: boolean;
+    emptyMessage?: string | React.ReactNode;
+    entity?: string;
+    emptyPrefix?: string;
+    emptySuffix?: string;
+    itemWidth?: Token;
+    fixed?: 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;
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/custom/Grid.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+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';
+export const Grid = (props) => {
+    const { empty, emptyPrefix, emptySuffix, emptyMessage, entity, itemWidth, children, fixed = false, ...rest } = props;
+    const columnsTemplate = React.useMemo(() => {
+        if (!itemWidth) {
+            return undefined;
+        }
+        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);
+    }
+    const onGrid = (grid) => {
+        if (grid && columnsTemplate) {
+            grid.style.gridTemplateColumns = columnsTemplate;
+        }
+    };
+    return (_jsx(_Grid, { ref: onGrid, ...rest, children: props.children }));
+};
+export const GridItem = (props) => {
+    return (_jsx(_GridItem, { cursor: props.onClick ? 'pointer' : 'auto', ...props, children: props.children }));
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,92 @@
+import type { IconType } from 'react-icons';
+import type { PropsFromCVA } from '../../helpers.js';
+export declare const iconRecipe: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    size: {
+        xxs: {
+            width: "icon.xxs";
+            height: "icon.xxs";
+        };
+        xs: {
+            width: "icon.xs";
+            height: "icon.xs";
+        };
+        sm: {
+            width: "icon.sm";
+            height: "icon.sm";
+        };
+        md: {
+            width: "icon.md";
+            height: "icon.md";
+        };
+        lg: {
+            width: "icon.lg";
+            height: "icon.lg";
+        };
+        xl: {
+            width: "icon.xxl";
+            height: "icon.xxl";
+        };
+        full: {
+            width: "full";
+            height: "full";
+        };
+        label: {
+            width: "icon.smaller.xs";
+            height: "icon.smaller.xs";
+        };
+    };
+    color: {
+        active: {
+            color: "dark.active";
+        };
+        gray: {
+            color: "dark.gray";
+        };
+        black: {
+            color: "dark.black";
+        };
+        white: {
+            color: "dark.white";
+        };
+        error: {
+            color: "dark.error";
+        };
+        success: {
+            color: "dark.success";
+        };
+        warning: {
+            color: "dark.warning";
+        };
+    };
+    cursor: {
+        default: {
+            cursor: "default";
+        };
+        inherit: {
+            cursor: "inherit";
+        };
+        auto: {
+            cursor: "auto";
+        };
+        poitner: {
+            cursor: "pointer";
+        };
+        help: {
+            cursor: "help";
+        };
+    };
+    pointerEvents: {
+        none: {
+            pointerEvents: "none";
+        };
+        visible: {
+            pointerEvents: "visible";
+        };
+    };
+}>;
+export type IconProps = PropsFromCVA<typeof iconRecipe> & {
+    icon: IconType;
+    className?: string;
+} & React.HTMLAttributes<HTMLElement>;
+export declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoErB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG;IACxD,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,UAAW,SAAS,4CAIpC,CAAC"}

package/dist/components/custom/Icon.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from '../../styled-system/css/cva.mjs';
+import { clsx } from '../../helpers.js';
+export const iconRecipe = cva({
+    base: {
+        width: 'icon.primary',
+        height: 'icon.primary',
+        flexShrink: 0,
+    },
+    variants: {
+        size: {
+            xxs: {
+                width: 'icon.xxs',
+                height: 'icon.xxs',
+            },
+            xs: {
+                width: 'icon.xs',
+                height: 'icon.xs',
+            },
+            sm: {
+                width: 'icon.sm',
+                height: 'icon.sm',
+            },
+            md: {
+                width: 'icon.md',
+                height: 'icon.md',
+            },
+            lg: {
+                width: 'icon.lg',
+                height: 'icon.lg',
+            },
+            xl: {
+                width: 'icon.xxl',
+                height: 'icon.xxl',
+            },
+            full: {
+                width: 'full',
+                height: 'full',
+            },
+            label: {
+                width: 'icon.smaller.xs',
+                height: 'icon.smaller.xs',
+            },
+        },
+        color: {
+            active: { color: 'dark.active' },
+            gray: { color: 'dark.gray' },
+            black: { color: 'dark.black' },
+            white: { color: 'dark.white' },
+            error: { color: 'dark.error' },
+            success: { color: 'dark.success' },
+            warning: { color: 'dark.warning' },
+        },
+        cursor: {
+            default: { cursor: 'default' },
+            inherit: { cursor: 'inherit' },
+            auto: { cursor: 'auto' },
+            poitner: { cursor: 'pointer' },
+            help: { cursor: 'help' },
+        },
+        pointerEvents: {
+            none: { pointerEvents: 'none' },
+            visible: { pointerEvents: 'visible' },
+        },
+    },
+    defaultVariants: {
+        color: 'black',
+        size: 'xs',
+        cursor: 'inherit',
+        pointerEvents: 'visible',
+    },
+});
+export const Icon = (props) => {
+    const { icon: RawIcon, className, ...styles } = props;
+    return _jsx(RawIcon, { className: clsx(iconRecipe(styles), className) });
+};
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/custom/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,cAAc;QACtB,UAAU,EAAE,CAAC;KACd;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE;gBACH,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,UAAU;aACnB;YACD,EAAE,EAAE;gBACF,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB;YACD,EAAE,EAAE;gBACF,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB;YACD,EAAE,EAAE;gBACF,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB;YACD,EAAE,EAAE;gBACF,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB;YACD,EAAE,EAAE;gBACF,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,UAAU;aACnB;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;aAC1B;SACF;QACD,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAChC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;SACnC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YACxB,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SACzB;QACD,aAAa,EAAE;YACb,IAAI,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;YAC/B,OAAO,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,SAAS;KACzB;CACF,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,KAAC,OAAO,IAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GAAI,CAAC;AACrE,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type _InputProps } from '../shadow-panda/_Input.js';
+export type InputProps = _InputProps & {
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+};
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAOrE,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACrD,CAAC;AAoCF,eAAO,MAAM,KAAK,kGAyBhB,CAAC"}

package/dist/components/custom/Input.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { _Input } from '../shadow-panda/_Input.js';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { css } from '../../styled-system/css/css.mjs';
+import { clsx } from '../../helpers.js';
+import { Flex } from './Flex.js';
+const inputRecipe = cva({
+    base: {
+        paddingInlineStart: '3', // --spacing-3
+        paddingInlineEnd: '3',
+    },
+    variants: {
+        leftSection: {
+            true: {
+                paddingInlineStart: 'md',
+            },
+        },
+        rightSection: {
+            true: {
+                paddingInlineEnd: 'md',
+            },
+        },
+    },
+});
+const InputSection = (props) => {
+    const { className, children, ...rest } = props;
+    return (_jsx(Flex, { alignItems: "center", justifyContent: "center", className: clsx(css({ position: 'absolute', top: 0, bottom: 0, width: 'icon.lg', height: 'full' }), className), ...rest, children: children }));
+};
+export const Input = React.forwardRef((props, ref) => {
+    const { leftSection, rightSection, className, wrapperProps, ...rest } = props;
+    const wrapperStyles = css({
+        position: 'relative',
+        width: 'full',
+    });
+    return (_jsxs("div", { ...wrapperProps, className: clsx(wrapperStyles, wrapperProps?.className), children: [leftSection && _jsx(InputSection, { className: css({ left: 0 }), children: leftSection }), _jsx(_Input, { className: clsx(inputRecipe({
+                    leftSection: leftSection ? true : false,
+                    rightSection: rightSection ? true : false,
+                }), className), ref: ref, ...rest }), rightSection && _jsx(InputSection, { className: css({ right: 0 }), children: rightSection })] }));
+});
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/custom/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AASjC,MAAM,WAAW,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,EAAE,cAAc;QACvC,gBAAgB,EAAE,GAAG;KACtB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,kBAAkB,EAAE,IAAI;aACzB;SACF;QACD,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,gBAAgB,EAAE,IAAI;aACvB;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC3D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,CACL,KAAC,IAAI,IACH,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KAC1G,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA0B,EAAE,EAAE;IACtF,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9E,MAAM,aAAa,GAAG,GAAG,CAAC;QACxB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IAEH,OAAO,CACL,kBAAS,YAAY,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC,aAC3E,WAAW,IAAI,KAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,YAAG,WAAW,GAAgB,EACvF,KAAC,MAAM,IACL,SAAS,EAAE,IAAI,CACb,WAAW,CAAC;oBACV,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;oBACvC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;iBAC1C,CAAC,EACF,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,IAAI,GACR,EACD,YAAY,IAAI,KAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,YAAG,YAAY,GAAgB,IACtF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { type CardProps } from './Card.js';
+type KpiDisplayProps = CardProps & {
+    label: string;
+    description: string;
+};
+declare const KpiDisplay: {
+    (props: KpiDisplayProps): JSX.Element;
+    displayName: string;
+};
+export { KpiDisplay };
+//# sourceMappingURL=KpiDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KpiDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/custom/KpiDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjD,KAAK,eAAe,GAAG,SAAS,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU;YAAW,eAAe,GAAG,GAAG,CAAC,OAAO;;CASvD,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/custom/KpiDisplay.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header, Label } from './Text.js';
+import { Card } from './Card.js';
+const KpiDisplay = (props) => {
+    const { label, description, ...rest } = props;
+    return (_jsxs(Card, { minWidth: "container.xxs", ...rest, children: [_jsx(Label, { text: description }), _jsx(Header, { text: label })] }));
+};
+KpiDisplay.displayName = 'KpiDisplay';
+export { KpiDisplay };
+//# sourceMappingURL=KpiDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KpiDisplay.js","sourceRoot":"","sources":["../../../src/components/custom/KpiDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AAOjD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAe,EAAE;IACzD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,eAAe,KAAK,IAAI,aACrC,KAAC,KAAK,IAAC,IAAI,EAAE,WAAW,GAAI,EAC5B,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,IAClB,CACR,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { FlexProps } from './Flex.js';
+type LabelledProgressProps = FlexProps & {
+    title: string;
+    value?: number | bigint | null;
+    maxValue?: number | bigint | null;
+    unit?: 'bytes' | 'percent';
+    customSuffix?: string;
+};
+export declare const LabelledProgress: (props: LabelledProgressProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LabelledProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelledProgress.d.ts","sourceRoot":"","sources":["../../../src/components/custom/LabelledProgress.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,KAAK,qBAAqB,GAAG,SAAS,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,4CAkD5D,CAAC"}

package/dist/components/custom/LabelledProgress.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { formatBytes } from '@luxonis/common-fe-utils';
+import { Progress } from '../shadow-panda/Progress.js';
+import { NormalText } from './Text.js';
+import { Flex } from './Flex.js';
+export const LabelledProgress = (props) => {
+    const { title, value, maxValue = 100, unit, customSuffix, ...flexProps } = props;
+    const percent = React.useMemo(() => {
+        if (value === undefined || value === null || maxValue === null) {
+            return 1;
+        }
+        return Math.round((Number(value) / Number(maxValue)) * 100);
+    }, [maxValue, value]);
+    const formatValue = React.useCallback((valueRaw) => {
+        if (!unit)
+            return valueRaw;
+        switch (unit) {
+            case 'bytes':
+                return formatBytes(valueRaw);
+            case 'percent':
+                return valueRaw;
+        }
+    }, [unit]);
+    const suffix = React.useMemo(() => {
+        switch (unit) {
+            case 'percent':
+                return '%';
+            case 'bytes':
+                return '';
+            default:
+                return '';
+        }
+    }, [unit]);
+    const formatted = React.useMemo(() => {
+        const from = value !== null ? formatValue(value ?? 1) : '-';
+        if (maxValue !== undefined) {
+            return `${from} of ${maxValue !== null ? formatValue(maxValue) : '-'}`;
+        }
+        return from;
+    }, [formatValue, maxValue, value]);
+    return (_jsxs(Flex, { direction: "column", gap: "xs", ...flexProps, children: [_jsxs(Flex, { justify: "space-between", children: [_jsx(NormalText, { text: title }), _jsx(NormalText, { text: `${formatted}${suffix}${customSuffix ?? ''}` })] }), _jsx(Progress, { value: percent, width: "full" })] }));
+};
+//# sourceMappingURL=LabelledProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelledProgress.js","sourceRoot":"","sources":["../../../src/components/custom/LabelledProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,GAAG,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC/D,OAAO,CAAC,CAAC;QACX,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,QAAyB,EAAE,EAAE;QAC5B,IAAI,CAAC,IAAI;YAAE,OAAO,QAAQ,CAAC;QAC3B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC/B,KAAK,SAAS;gBACZ,OAAO,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,GAAG,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,EAAE,CAAC;YACZ;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC5D,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,OAAO,GAAG,IAAI,OAAO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;QACzE,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,KAAK,SAAS,aAC7C,MAAC,IAAI,IAAC,OAAO,EAAC,eAAe,aAC3B,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,GAAI,EAC3B,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,IAAI,EAAE,EAAE,GAAI,IAC7D,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,GAAG,IACpC,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import MarkdownEditor, { type MarkdownPreviewProps } from '@uiw/react-markdown-editor';
+export type MarkdownProps = Readonly<MarkdownPreviewProps> & {
+    content: string;
+    notifyOnLinkLeave?: boolean;
+    notifyOnLinkLeavePage?: string;
+};
+export declare const Markdown: (props: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const markdownCustomComponents: React.ComponentProps<typeof MarkdownEditor.Markdown>['components'];
+//# sourceMappingURL=Markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,EAAE,EAAE,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAUvF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC,GAAG;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,4CA0C5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAC,YAAY,CA8CvG,CAAC"}

package/dist/components/custom/Markdown.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import MarkdownEditor from '@uiw/react-markdown-editor';
+import { Separator } from '../shadow-panda/Separator.js';
+import { styled } from '../../styled-system/jsx/factory.mjs';
+import { css } from '../../styled-system/css/css.mjs';
+import { clsx } from '../../helpers.js';
+import { Header, Label, SubHeader } from './Text.js';
+import { Flex } from './Flex.js';
+import { ExternalLink } from './ExternalLink.js';
+export const Markdown = (props) => {
+    const { content, components, className, notifyOnLinkLeave, notifyOnLinkLeavePage = '/you-are-leaving', ...rest } = props;
+    return (_jsx(MarkdownEditor.Markdown, { ...rest, className: clsx(className, css({
+            '& code, & code *': {
+                fontFamily: 'mono',
+            },
+        })), components: {
+            ...markdownCustomComponents,
+            a: ({ node, ...options }) => (_jsx(ExternalLink, { to: options.href ?? '#', linkProps: options, variant: "link", icon: null, label: options.children, padding: 0, height: "auto", newTab: true, notifyOnLeave: notifyOnLinkLeave, notifyOnLeavePage: notifyOnLinkLeavePage })),
+            ...components,
+        }, rehypePlugins: [[rehypeAutolinkHeadings, { behavior: 'append' }], [rehypeSanitize]], source: content }));
+};
+export const markdownCustomComponents = {
+    p: ({ node, ...options }) => (_jsx(Flex, { marginBottom: "sm", children: _jsx(Label, { text: options.children, color: "normal" }) })),
+    strong: ({ node, ...options }) => _jsx(Label, { text: options.children, color: "normal", weight: "bold" }),
+    em: ({ node, ...options }) => _jsx(Label, { text: options.children, color: "normal", fontStyle: "italic" }),
+    a: ({ node, ...options }) => (_jsx(ExternalLink, { to: options.href ?? '#', linkProps: options, variant: "link", icon: null, label: options.children, padding: 0, height: "auto", newTab: true })),
+    ul: ({ node, ...options }) => _jsx(styled.ul, { listStyleType: "disc", children: options.children }),
+    ol: ({ node, ...options }) => _jsx(styled.ol, { type: "1", children: options.children }),
+    h1: ({ node, ...options }) => (_jsxs(Flex, { direction: "column", marginBottom: "sm", children: [_jsx(Header, { text: options.children, color: "normal", weight: "bold" }), _jsx(Separator, {})] })),
+    h2: ({ node, ...options }) => (_jsxs(Flex, { direction: "column", marginBottom: "sm", children: [_jsx(SubHeader, { text: options.children, color: "normal", weight: "bold" }), _jsx(Separator, {})] })),
+    h3: ({ node, ...options }) => (_jsxs(Flex, { direction: "column", marginBottom: "sm", children: [_jsx(Label, { text: options.children, color: "normal", weight: "bold" }), _jsx(Separator, {})] })),
+    h4: ({ node, ...options }) => (_jsxs(Flex, { direction: "column", marginBottom: "sm", children: [_jsx(Label, { text: options.children, color: "normal", weight: "bold" }), _jsx(Separator, {})] })),
+};
+//# sourceMappingURL=Markdown.js.map

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

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

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Dialog } from '../shadow-panda/_Dialog.js';
+import type { _DialogContent } from '../shadow-panda/_Dialog.js';
+import type { PropertyValue } from '../../styled-system/types/prop-type.mjs';
+import type { ModalContext } from '../../hooks/modal.js';
+import type { PropsFromCVA } from '../../helpers.js';
+type ModalProps = React.ComponentProps<typeof Dialog>;
+type ModalContextAwareProps<T extends Record<string, any>, K extends keyof T> = Omit<ModalProps, 'visible' | 'onClose' | 'children'> & {
+    context: ModalContext<T>;
+    which: K;
+    onOpen?: () => void;
+    onClose?: () => void;
+    children: (params: T[K], close: () => void) => React.ReactNode;
+    autoFocus?: boolean;
+} & {
+    initialState?: OpenState<T, K>;
+};
+type OpenState<T extends Record<string, any>, K extends keyof T> = {
+    open: false;
+    params?: undefined;
+} | {
+    open: true;
+    params: T[K];
+};
+export declare const ModalContextAware: <T extends Record<string, any>, K extends keyof T>(props: ModalContextAwareProps<T, K>) => JSX.Element;
+declare const modalContentStyler: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    size: {
+        normal: {};
+        full: {
+            maxWidth: "basic.almost-full";
+        };
+    };
+}>;
+type ModalContentProps = React.ComponentProps<typeof _DialogContent> & PropsFromCVA<typeof modalContentStyler> & {
+    className?: string;
+};
+export declare const ModalContent: (props: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
+type ModalHeaderProps = {
+    title?: React.ReactNode;
+    closeButton?: boolean;
+    closeButtonMargin?: PropertyValue<'marginRight'>;
+    backAction?: () => void;
+    actions?: React.ReactNode;
+    singleLine?: boolean;
+    tooltipContent?: React.ReactNode;
+    autoFocus?: boolean;
+};
+export declare const ModalHeader: (props: React.PropsWithChildren<ModalHeaderProps>) => import("react/jsx-runtime").JSX.Element;
+export { DialogFooter as ModalFooter } from '../shadow-panda/_Dialog.js';
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAA+B,MAAM,4BAA4B,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAI7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMrD,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtD,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAClF,UAAU,EACV,SAAS,GAAG,SAAS,GAAG,UAAU,CACnC,GAAG;IACF,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG;IAAE,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;CAAE,CAAC;AAEvC,KAAK,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAC3D;IACE,IAAI,EAAE,KAAK,CAAC;IAEZ,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACd,CAAC;AAEN,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,SACzE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,KAClC,GAAG,CAAC,OAgDN,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;EAgBtB,CAAC;AAEH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAClE,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,YAAY,UAAW,iBAAiB,4CAYpD,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,4CA8D3E,CAAC;AAEF,OAAO,EAAE,YAAY,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC"}