@luxonis/common-fe-components 1.9.5

package/LICENSE.md

@@ -0,0 +1 @@
+## Proprietary by Luxonis Corp.

package/README.md

@@ -0,0 +1,4 @@
+# Luxonis Hub | UI Components Lib
+
+## License
+Proprietary by Luxonis Corp.

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

@@ -0,0 +1,11 @@
+import { _Alert } from '../shadow-panda/_Alert.js';
+import { type ColorStylesProps } from '../../recipes/colors.js';
+type BaseAlertProps = Omit<React.ComponentProps<typeof _Alert>, 'children' | 'variant' | 'colorVariant' | 'title' | 'description' | 'actions'>;
+export type AlertProps = BaseAlertProps & ColorStylesProps & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+export declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK7E,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,UAAU,GAAG,SAAS,GAAG,cAAc,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAC9E,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEJ,eAAO,MAAM,KAAK,UAAW,UAAU,4CAWtC,CAAC"}

package/dist/components/custom/Alert.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { _Alert } from '../shadow-panda/_Alert.js';
+import { colorStyles } from '../../recipes/colors.js';
+import { clsx } from '../../helpers.js';
+import { NormalText, SubHeader } from './Text.js';
+import { Flex } from './Flex.js';
+export const Alert = (props) => {
+    const { variant, colorVariant, className, title, description, actions, ...rest } = props;
+    return (_jsxs(_Alert, { padding: "sm", className: clsx(colorStyles({ colorVariant, variant }), className), ...rest, children: [title && _jsx(SubHeader, { text: title, color: "unset" }), _jsxs(Flex, { justify: "space-between", align: "center", children: [description && _jsx(NormalText, { text: description, color: "unset" }), actions] })] }));
+};
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/custom/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAyB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAcjC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzF,OAAO,CACL,MAAC,MAAM,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,aAC9F,KAAK,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,EAClD,MAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aACzC,WAAW,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,OAAO,GAAG,EAC9D,OAAO,IACH,IACA,CACV,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,71 @@
+import type { IconType } from 'react-icons';
+import { type _BadgeProps } from '../shadow-panda/_Badge.js';
+import { type PropsFromCVA } from '../../helpers.js';
+import { type IconProps } from './Icon.js';
+declare const badgeStyler: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    variant: {
+        success: {
+            bgColor: "light.success";
+            borderColor: "light.success";
+            color: "text.success";
+        };
+        warning: {
+            bgColor: "light.warning";
+            borderColor: "light.warning";
+            color: "text.warning";
+        };
+        error: {
+            bgColor: "light.error";
+            borderColor: "light.error";
+            color: "text.error";
+        };
+        active: {
+            bgColor: "light.active";
+            borderColor: "light.active";
+            color: "text.active";
+        };
+        gray: {
+            bgColor: "light.gray";
+            borderColor: "light.gray";
+            color: "text.gray";
+        };
+        white: {
+            bgColor: "white";
+            borderColor: "decoration.gray";
+            color: "black";
+        };
+        blue: {
+            bgColor: "blue";
+            borderColor: "blueviolet";
+            color: "white";
+        };
+        red: {
+            bgColor: "#C70000";
+            borderColor: "#C70000";
+            color: "white";
+        };
+        cyan: {
+            bgColor: "#0000A8";
+            borderColor: "#0000A8";
+            color: "white";
+        };
+        green: {
+            bgColor: "#00c700";
+            borderColor: "#00c700";
+            color: "white";
+        };
+    };
+}>;
+export type BadgeProps = Omit<_BadgeProps, 'variant' | 'label'> & PropsFromCVA<typeof badgeStyler> & {
+    label: React.ReactNode;
+    dot?: boolean;
+    icon?: IconType | null;
+    iconSize?: IconProps['size'];
+    iconPosition?: 'start' | 'end';
+    iconClassName?: string;
+    tooltip?: React.ReactNode;
+    textOverflowEllipsis?: boolean;
+};
+export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIrE,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG3D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAGjD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Df,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,GAC7D,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEJ,eAAO,MAAM,KAAK,UAAW,UAAU,4CA6DtC,CAAC"}

package/dist/components/custom/Badge.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { _Badge } from '../shadow-panda/_Badge.js';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { css } from '../../styled-system/css/css.mjs';
+import { DotIcon } from '../../icons/react-icons.js';
+import { clsx } from '../../helpers.js';
+import { Tooltip } from './Tooltip.js';
+import { SubLabel } from './Text.js';
+import { Icon } from './Icon.js';
+import { Flex } from './Flex.js';
+const badgeStyler = cva({
+    base: {
+        borderWidth: 'thin',
+    },
+    variants: {
+        variant: {
+            success: {
+                bgColor: 'light.success',
+                borderColor: 'light.success',
+                color: 'text.success',
+            },
+            warning: {
+                bgColor: 'light.warning',
+                borderColor: 'light.warning',
+                color: 'text.warning',
+            },
+            error: {
+                bgColor: 'light.error',
+                borderColor: 'light.error',
+                color: 'text.error',
+            },
+            active: {
+                bgColor: 'light.active',
+                borderColor: 'light.active',
+                color: 'text.active',
+            },
+            gray: {
+                bgColor: 'light.gray',
+                borderColor: 'light.gray',
+                color: 'text.gray',
+            },
+            white: {
+                bgColor: 'white',
+                borderColor: 'decoration.gray',
+                color: 'black',
+            },
+            blue: {
+                bgColor: 'blue',
+                borderColor: 'blueviolet',
+                color: 'white',
+            },
+            red: {
+                bgColor: '#C70000',
+                borderColor: '#C70000',
+                color: 'white',
+            },
+            cyan: {
+                bgColor: '#0000A8',
+                borderColor: '#0000A8',
+                color: 'white',
+            },
+            green: {
+                bgColor: '#00c700',
+                borderColor: '#00c700',
+                color: 'white',
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'gray',
+    },
+});
+export const Badge = (props) => {
+    const { icon, iconPosition = 'start', dot = false, iconSize, iconClassName, label, variant, className, pointerEvents = 'none', cursor = 'auto', tooltip, textOverflowEllipsis = false, ...rest } = props;
+    const BadgeComponent = () => (_jsx(_Badge, { className: clsx(badgeStyler({ variant }), className), pointerEvents: tooltip ? 'visible' : pointerEvents, cursor: tooltip ? 'help' : cursor, ...rest, children: _jsxs(Flex, { direction: iconPosition === 'start' ? 'row' : 'row-reverse', justify: "space-evenly", align: "center", gap: "xs", whiteSpace: "nowrap", maxWidth: "full", children: [(icon || dot) && (_jsx(Icon, { icon: icon ?? DotIcon, size: (iconSize ?? dot) ? 'xxs' : undefined, className: clsx(iconClassName), pointerEvents: 'none' })), _jsx(SubLabel, { text: label, color: "unset", weight: "bold", className: css({
+                        textOverflow: textOverflowEllipsis ? 'ellipsis' : 'clip',
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                    }) })] }) }));
+    return tooltip ? (_jsx(Tooltip, { content: tooltip, children: _jsx(BadgeComponent, {}) })) : (_jsx(BadgeComponent, {}));
+};
+//# sourceMappingURL=Badge.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { type FlexProps } from './Flex.js';
+import { type BadgeProps } from './Badge.js';
+type BadgeLineProps = {
+    labels: string[];
+    variant?: BadgeProps['variant'];
+    maxBadges?: number;
+    tooltip?: boolean;
+} & FlexProps;
+export declare const BadgeLine: (props: BadgeLineProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BadgeLine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeLine.d.ts","sourceRoot":"","sources":["../../../src/components/custom/BadgeLine.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,SAAS,CAAC;AAEd,eAAO,MAAM,SAAS,UAAW,cAAc,4CAgE9C,CAAC"}

package/dist/components/custom/BadgeLine.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { uuidv4 } from '@luxonis/common-fe-utils';
+import { css } from '../../styled-system/css/css.mjs';
+import { Label, SubLabel } from './Text.js';
+import { Flex } from './Flex.js';
+import { Badge } from './Badge.js';
+export const BadgeLine = (props) => {
+    const { maxBadges = 1, labels, variant, tooltip, ...rest } = props;
+    const listStyles = css({
+        listStyleType: 'disc',
+        listStylePosition: 'inside',
+    });
+    const listItemStyles = css({ color: 'dark.gray' });
+    const badgesSliceIndex = labels.length > maxBadges ? maxBadges : labels.length + 1;
+    return (_jsxs(Flex, { gap: "smaller.xs", wrap: "wrap", flexWrap: "nowrap", ...rest, children: [labels.slice(0, badgesSliceIndex).map(label => (_jsx(Badge, { label: tooltip ? (_jsx(Flex, { maxWidth: "container.smaller.xxs", children: _jsx(SubLabel, { text: label, color: "unset", weight: "bold", className: css({
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                        }) }) })) : (_jsx(SubLabel, { text: label, color: "unset", weight: "bold", className: css({
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                    }) })), tooltip: label, variant: variant }, uuidv4()))), maxBadges < labels.length && (_jsx(Badge, { variant: "gray", tooltip: _jsx("ul", { className: listStyles, children: labels.slice(badgesSliceIndex).map(label => (_jsx("li", { className: listItemStyles, children: _jsx(Label, { color: "light", text: label }) }, uuidv4()))) }), label: `+${labels.length - badgesSliceIndex}` }))] }));
+};
+//# sourceMappingURL=BadgeLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeLine.js","sourceRoot":"","sources":["../../../src/components/custom/BadgeLine.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AASpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEnE,MAAM,UAAU,GAAG,GAAG,CAAC;QACrB,aAAa,EAAE,MAAM;QACrB,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IAEnD,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnF,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,KAAK,IAAI,aAC1D,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9C,KAAC,KAAK,IAEJ,KAAK,EACH,OAAO,CAAC,CAAC,CAAC,CACR,KAAC,IAAI,IAAC,QAAQ,EAAC,uBAAuB,YACpC,KAAC,QAAQ,IACP,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,GAAG,CAAC;4BACb,YAAY,EAAE,UAAU;4BACxB,UAAU,EAAE,QAAQ;4BACpB,QAAQ,EAAE,QAAQ;yBACnB,CAAC,GACF,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IACP,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,GAAG,CAAC;wBACb,YAAY,EAAE,UAAU;wBACxB,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;qBACnB,CAAC,GACF,CACH,EAEH,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,IA7BX,MAAM,EAAE,CA8Bb,CACH,CAAC,EACD,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,CAC5B,KAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,OAAO,EACL,aAAI,SAAS,EAAE,UAAU,YACtB,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC3C,aAAmB,SAAS,EAAE,cAAc,YAC1C,KAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,GAAI,IAD7B,MAAM,EAAE,CAEZ,CACN,CAAC,GACC,EAEP,KAAK,EAAE,IAAI,MAAM,CAAC,MAAM,GAAG,gBAAgB,EAAE,GAC7C,CACH,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,51 @@
+import type { IconType } from 'react-icons';
+import React from 'react';
+import { _Button } from '../shadow-panda/_Button.js';
+import type { PropertyValue } from '../../styled-system/types/prop-type.mjs';
+import type { HTMLStyledProps } from '../../styled-system/types/jsx.mjs';
+import type { HoverColorStylesProps } from '../../recipes/hover.js';
+import type { PropsFromCVA } from '../../helpers.js';
+import type { IconProps } from './Icon.js';
+declare const customButtonStyler: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    size: {
+        icon: {
+            flexShrink: number;
+        };
+        sm: {
+            height: "lineHeights.sm";
+        };
+        xs: {
+            height: "lineHeights.xs";
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "default";
+        };
+        false: {
+            cursor: "pointer";
+        };
+    };
+}>;
+type ButtonSelectItem = {
+    id: string;
+    value: React.ReactNode;
+};
+type ExtraButtonProps = PropsFromCVA<typeof customButtonStyler> & {
+    icon?: IconType | null;
+    iconProps?: Partial<IconProps>;
+    iconPosition?: 'start' | 'end';
+    label?: React.ReactNode | null;
+    hideLabelOnMobile?: boolean;
+    withSelector?: {
+        items: ButtonSelectItem[];
+        action?: React.ReactNode;
+        onAction?: () => void;
+        onSelect?: ((id: string) => void) | null;
+    } | null;
+    contentWidth?: PropertyValue<'width'>;
+};
+export type ButtonProps = Omit<HTMLStyledProps<typeof _Button>, 'variant'> & HoverColorStylesProps & ExtraButtonProps;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

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

package/dist/components/custom/Button.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { _Button } from '../shadow-panda/_Button.js';
+import { Separator } from '../shadow-panda/Separator.js';
+import { DropdownMenu, DropdownMenuGroup, DropdownMenuSeparator, DropdownMenuTrigger, } from '../shadow-panda/DropdownMenu.js';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { css } from '../../styled-system/css/css.mjs';
+import { hoverStyles } from '../../recipes/hover.js';
+import { colorStyles } from '../../recipes/colors.js';
+import { SelectIcon } from '../../icons/react-icons.js';
+import { clsx } from '../../helpers.js';
+import { Label } from './Text.js';
+import { Icon } from './Icon.js';
+import { Flex } from './Flex.js';
+import { DropdownMenuContent, DropdownMenuItem } from './DropdownMenu.js';
+const customButtonStyler = cva({
+    base: {
+        rounded: 'common',
+    },
+    variants: {
+        size: {
+            icon: {
+                flexShrink: 0,
+            },
+            sm: {
+                height: 'lineHeights.sm',
+            },
+            xs: {
+                height: 'lineHeights.xs',
+            },
+        },
+        disabled: {
+            true: {
+                cursor: 'default',
+            },
+            false: {
+                cursor: 'pointer',
+            },
+        },
+    },
+});
+export const Button = React.forwardRef((props, ref) => {
+    const { icon, iconProps = {}, iconPosition = 'start', label, children, withSelector: selector, onClick: _onClick, type, size = icon && !label ? 'icon' : undefined, variant, colorVariant, hoverStyle, className, hideLabelOnMobile = false, ...rest } = props;
+    const onClick = React.useCallback((event) => {
+        if (_onClick) {
+            event.stopPropagation();
+            _onClick(event);
+        }
+    }, [_onClick]);
+    const mobileLabelStyles = hideLabelOnMobile ? css({ sm: { display: 'block' }, display: 'none' }) : '';
+    const customStyles = customButtonStyler({ size, disabled: !!rest.disabled });
+    const withSelectorStyles = css({ paddingRight: 0 });
+    return (_jsxs(_Button, { ...rest, ref: ref, size: size ?? (!label && !children ? 'icon' : undefined), type: type ?? 'button', onClick: onClick, className: clsx(colorStyles({ variant, colorVariant }), hoverStyles({ variant, colorVariant, hoverStyle }), customStyles, selector ? withSelectorStyles : null, className), children: [_jsxs(Flex, { align: "center", gap: "xs", width: props.contentWidth ?? 'auto', children: [iconPosition === 'end' && label && (_jsx(Label, { text: label, className: mobileLabelStyles, color: "unset", weight: "medium", break: "none" })), icon && _jsx(Icon, { icon: icon, ...iconProps }), iconPosition === 'start' && label && (_jsx(Label, { text: label, className: mobileLabelStyles, color: "unset", weight: "medium", break: "none" })), children] }), selector && (_jsxs(Flex, { height: "full", children: [_jsx(Separator, { orientation: "vertical", height: "full" }), _jsx(ButtonSelect, { ...selector })] }))] }));
+});
+const ButtonSelect = (props) => {
+    const { items, action, onSelect: _onSelect, className } = props;
+    const onSelect = React.useCallback((event, id) => {
+        if (_onSelect) {
+            event.stopPropagation();
+            _onSelect(id);
+        }
+    }, [_onSelect]);
+    const styles = css({
+        roundedLeft: 0,
+        marginY: '-xs',
+        padding: 'smaller.sm',
+        color: 'inherit',
+    });
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, "data-cy": 'dropdown-menu-trigger', children: _jsx("div", { children: _jsx(Flex, { className: clsx(className, styles), onClick: event => event.preventDefault(), role: "button", children: _jsx(Icon, { icon: SelectIcon }) }) }) }), _jsxs(DropdownMenuContent, { maxHeight: "container.smaller.xs", overflowY: "auto", children: [action && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuGroup, { children: action }), items.length > 0 && _jsx(DropdownMenuSeparator, {})] })), _jsx(DropdownMenuGroup, { "data-cy": 'dropdown-menu-items', children: items.map(item => (_jsx(DropdownMenuItem, { onClick: event => onSelect(event, item.id), label: item.value }, `button-select-item-${item.id}`))) })] })] }));
+};
+//# sourceMappingURL=Button.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { HoverColorStylesProps } from '../../recipes/hover.js';
+import { type FlexProps } from './Flex.js';
+export type CardProps = Omit<FlexProps, 'title'> & {
+    title?: React.ReactNode | null;
+    titleSeparator?: boolean;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    footer?: React.ReactNode;
+    wrapper?: (props: React.PropsWithChildren) => React.JSX.Element | null;
+    fullWidth?: boolean;
+    cardStyles?: string;
+    disabled?: boolean;
+    withHoverEffect?: boolean;
+} & HoverColorStylesProps;
+export declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAIpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,IAAI,UAAW,SAAS,4CAgEpC,CAAC"}

package/dist/components/custom/Card.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { _Card } from '../shadow-panda/_Card.js';
+import { Separator } from '../shadow-panda/Separator.js';
+import { css } from '../../styled-system/css/css.mjs';
+import { hoverStyles } from '../../recipes/hover.js';
+import { colorStyles } from '../../recipes/colors.js';
+import { clsx } from '../../helpers.js';
+import { Header, SubLabel } from './Text.js';
+import { Flex } from './Flex.js';
+export const Card = (props) => {
+    const { title, titleSeparator = true, subtitle, actions, footer, wrapper, children, fullWidth, cardStyles, disabled, variant = 'outline', colorVariant = 'white', withHoverEffect, hoverStyle, ...rest } = props;
+    // TODO swap cardStyles with className
+    const styles = clsx(colorStyles({ variant, colorVariant }), withHoverEffect ? hoverStyles({ variant, colorVariant, hoverStyle }) : undefined, cardStyles, fullWidth ? css({ width: 'full', overflow: 'auto' }) : null, css({ borderRadius: 'common' }));
+    const cursor = React.useMemo(() => (disabled ? 'not-allowed' : rest.onClick ? 'pointer' : undefined), [disabled, rest.onClick]);
+    const Wrapper = React.useMemo(() => (wrapper ? wrapper : React.Fragment), [wrapper]);
+    return (_jsxs(_Card, { className: styles, cursor: cursor, children: [((title !== undefined && title !== null) || subtitle !== undefined) && (_jsxs(_Fragment, { children: [_jsxs(Flex, { justify: "space-between", align: "center", gap: "sm", padding: "sm", children: [_jsxs(Flex, { direction: "column", maxWidth: "full", flexGrow: 1, children: [typeof title === 'string' ? _jsx(Header, { text: title, break: "none" }) : title, subtitle && _jsx(SubLabel, { text: subtitle })] }), actions] }), titleSeparator && _jsx(Separator, {})] })), _jsx(Wrapper, { children: _jsx(Flex, { direction: "column", padding: "sm", ...rest, children: children }) }), footer && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(Flex, { justify: "space-between", align: "center", padding: "sm", children: footer })] }))] }));
+};
+//# sourceMappingURL=Card.js.map

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

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

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

@@ -0,0 +1,68 @@
+import React from 'react';
+import { TableCell } from '../shadow-panda/Table.js';
+import type { PropsFromCVA } from '../../helpers.js';
+import type { StyledTextProps } from './Text.js';
+import { TableRow } from './Table.js';
+import { type CardProps } from './Card.js';
+type TableRowProps = React.ComponentProps<typeof TableRow>;
+type TableCellProps = React.ComponentProps<typeof TableCell>;
+declare const backgroundVariants: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    variant: {
+        success: {
+            backgroundColor: "light.success";
+        };
+        active: {
+            backgroundColor: "light.active";
+        };
+        error: {
+            backgroundColor: "light.error";
+        };
+        transparent: {
+            backgroundColor: "transparent";
+        };
+    };
+}>;
+declare const hoverVariants: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
+    variant: {
+        success: {
+            _hover: {
+                backgroundColor: "light.success";
+            };
+        };
+        active: {
+            _hover: {
+                backgroundColor: "light.active";
+            };
+        };
+        error: {
+            _hover: {
+                backgroundColor: "light.error";
+            };
+        };
+        transparent: {
+            _hover: {
+                backgroundColor: "transparent";
+            };
+        };
+    };
+}>;
+export type CardListItemProps = TableRowProps & {
+    label: React.ReactNode;
+    sublabel?: React.ReactNode;
+    labelAction?: React.ReactNode;
+    value?: React.ReactNode;
+    valueAction?: React.ReactNode;
+    wrapper?: (props: React.PropsWithChildren) => React.JSX.Element | null;
+    raw?: boolean;
+    valueProps?: Omit<StyledTextProps, 'text'>;
+    cellProps?: TableCellProps;
+} & PropsFromCVA<typeof backgroundVariants> & PropsFromCVA<typeof hoverVariants>;
+export declare const CardListItem: (props: CardListItemProps) => React.JSX.Element;
+type CardListProps = CardProps & {
+    entity?: string;
+    empty?: boolean;
+    layout?: 'table' | 'column';
+};
+export declare const CardList: (props: React.PropsWithChildren<CardListProps>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CardList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardList.d.ts","sourceRoot":"","sources":["../../../src/components/custom/CardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAS,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC3D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAI7D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;EAqBtB,CAAC;AAEH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAyBjB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACvE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACzC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,KAAK,CAAC,GAAG,CAAC,OA6DjE,CAAC;AAEF,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAgBlF,CAAC"}

package/dist/components/custom/CardList.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TableBody, TableCell } from '../shadow-panda/Table.js';
+import { cva } from '../../styled-system/css/cva.mjs';
+import { clsx } from '../../helpers.js';
+import { Label, NormalText, SubLabel } from './Text.js';
+import { Table, TableRow } from './Table.js';
+import { Flex } from './Flex.js';
+import { Card } from './Card.js';
+const CardListVariantContext = React.createContext('table');
+const backgroundVariants = cva({
+    base: {
+        borderColor: 'transparent',
+        borderBottomColor: 'decoration.gray',
+    },
+    variants: {
+        variant: {
+            success: {
+                backgroundColor: 'light.success',
+            },
+            active: {
+                backgroundColor: 'light.active',
+            },
+            error: {
+                backgroundColor: 'light.error',
+            },
+            transparent: {
+                backgroundColor: 'transparent',
+            },
+        },
+    },
+});
+const hoverVariants = cva({
+    variants: {
+        variant: {
+            success: {
+                _hover: {
+                    backgroundColor: 'light.success',
+                },
+            },
+            active: {
+                _hover: {
+                    backgroundColor: 'light.active',
+                },
+            },
+            error: {
+                _hover: {
+                    backgroundColor: 'light.error',
+                },
+            },
+            transparent: {
+                _hover: {
+                    backgroundColor: 'transparent',
+                },
+            },
+        },
+    },
+});
+export const CardListItem = (props) => {
+    const { label, sublabel, labelAction, value, valueAction, wrapper, raw = false, cellProps, variant, className, valueProps, ...rowProps } = props;
+    const variantCtx = React.useContext(CardListVariantContext);
+    const Wrapper = React.useMemo(() => (wrapper ? wrapper : React.Fragment), [wrapper]);
+    if (variantCtx === 'column') {
+        return (_jsx(Wrapper, { children: _jsxs(Flex, { ...rowProps, full: !!wrapper, direction: "column", children: [_jsx(Label, { text: label, weight: "medium", color: "normal" }), _jsx(Label, { text: value, ...valueProps })] }) }));
+    }
+    return (_jsxs(TableRow, { className: clsx(variant && backgroundVariants({ variant }), hoverVariants({ variant }), className), ...rowProps, children: [_jsx(TableCell, { textAlign: "left", colSpan: !(value || valueAction) ? 2 : 1, ...cellProps, children: _jsx(Wrapper, { children: _jsx(Flex, { full: !!wrapper, direction: "row", align: "center", gap: "xs", children: _jsxs(Flex, { gap: "xs", children: [_jsxs(Flex, { direction: "column", align: "left", justify: "center", gap: "xs", children: [typeof label === 'string' ? _jsx(NormalText, { text: label }) : label, typeof sublabel === 'string' ? _jsx(SubLabel, { text: sublabel }) : sublabel] }), labelAction] }) }) }) }), (value || valueAction) && (_jsx(TableCell, { ...cellProps, children: _jsx(Wrapper, { children: _jsxs(Flex, { wrap: "wrap", full: !!wrapper, gap: "xs", align: "center", justify: "end", children: [value && (!raw ? _jsx(NormalText, { text: value, color: "label" }) : value), valueAction] }) }) }))] }));
+};
+export const CardList = (props) => {
+    const { entity, empty, children, layout = 'table', ...cardProps } = props;
+    return (_jsx(Card, { ...cardProps, padding: 0, children: _jsx(CardListVariantContext.Provider, { value: layout, children: layout === 'table' ? (_jsx(Table, { entity: entity, empty: empty, withBorder: false, children: _jsx(TableBody, { children: children }) })) : (children) }) }));
+};
+//# sourceMappingURL=CardList.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { _Checkbox } from '../shadow-panda/_Checkbox.js';
+type BaseCheckboxProps = React.ComponentProps<typeof _Checkbox>;
+type CheckboxItemProps = {
+    id?: string;
+    label?: string;
+    value?: boolean;
+};
+export type CheckboxProps = Omit<BaseCheckboxProps, 'checked' | 'value'> & CheckboxItemProps;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type CheckboxGroupProps = {
+    items: CheckboxItemProps[];
+    onChange?: (checked: Record<string, true>) => void;
+};
+export declare const CheckboxGroup: (props: CheckboxGroupProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map