@stack-spot/ai-chat-widget 0.11.0 → 1.0.0-dev.1768324407795

package/dist/components/TabManager.js.map

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

package/dist/components/ToolBadge.d.ts

@@ -0,0 +1,9 @@
+type Props = Omit<React.JSX.IntrinsicElements['div'], 'onChange'> & {
+    name: string;
+    duration?: number;
+    image?: string;
+    description?: string;
+};
+export declare const ToolBadge: ({ name, duration, image, description, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolBadge.d.ts.map

package/dist/components/ToolBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolBadge.d.ts","sourceRoot":"","sources":["../../src/components/ToolBadge.tsx"],"names":[],"mappings":"AAOA,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAwBD,eAAO,MAAM,SAAS,qDAC8B,KAAK,4CA6BxD,CAAA"}

package/dist/components/ToolBadge.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Accordion, Card, ImageBox, ImageWithFallback, Text } from '@stack-spot/citric-react';
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+import { useCurrentChatState } from '../context/hooks.js';
+import { toPrecision } from '../views/Steps/utils.js';
+const Styled = styled.div `
+  [data-citric="card"] {
+    flex-direction: row;
+    gap: 8px;
+    border-radius: ${theme.radius.xl};
+    border: none;
+    align-items: center;
+    padding: 4px 16px 4px 4px;
+  }
+
+  [data-citric="accordion"] {
+    background-color: ${theme.color.light[500]};
+    > header > label {
+      padding: 6px 10px 6px 6px;
+      font: ${theme.font.body2};
+      input:before {
+        font-size: 12px !important;
+      }
+    }
+  }
+`;
+export const ToolBadge = ({ name, duration, image, description, ...props }) => {
+    const currentAgent = useCurrentChatState('agent');
+    const header = _jsxs(_Fragment, { children: [_jsx(ImageBox, { children: _jsx(ImageWithFallback, { src: image, fallback: _jsx(ImageWithFallback, { src: currentAgent?.image ?? '', className: "image", fallback: _jsx(Icon, { icon: "Cog", className: "tool-image" }) }) }) }), _jsx(Text, { color: "light.700", className: "name", style: { flex: 1 }, children: name }), duration !== undefined && _jsxs(Text, { color: "light.700", className: "duration", children: [toPrecision(duration), "s"] })] });
+    return _jsx(Styled, { children: description ? (_jsx(Accordion, { appearance: "card", header: header, ...props, children: _jsx(Text, { className: "description", color: "light.700", children: description }) })) : _jsx(Card, { ...props, children: header }) });
+};
+//# sourceMappingURL=ToolBadge.js.map

package/dist/components/ToolBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolBadge.js","sourceRoot":"","sources":["../../src/components/ToolBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC7F,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AASlD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;qBAIJ,KAAK,CAAC,MAAM,CAAC,EAAE;;;;;;;wBAOZ,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;cAGhC,KAAK,CAAC,IAAI,CAAC,KAAK;;;;;;CAM7B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAS,EACvD,EAAE;IACF,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,8BACb,KAAC,QAAQ,cAAC,KAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAC/C,KAAC,iBAAiB,IAChB,GAAG,EAAE,YAAY,EAAE,KAAK,IAAI,EAAE,EAC9B,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,YAAY,GAAG,GACpD,GACA,GAAW,EACf,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAG,IAAI,GAAQ,EACzE,QAAQ,KAAK,SAAS,IAAI,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,UAAU,aACpE,WAAW,CAAC,QAAQ,CAAC,SACjB,IACN,CAAA;IAEH,OAAO,KAAC,MAAM,cACX,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IACR,UAAU,EAAC,MAAM,EACjB,MAAM,EAAE,MAAM,KACV,KAAK,YAET,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAC,WAAW,YAAE,WAAW,GAAQ,GAC1D,CACb,CAAC,CAAC,CAAC,KAAC,IAAI,OAAK,KAAK,YAAG,MAAM,GAAQ,GAC7B,CAAA;AACX,CAAC,CAAA"}

package/dist/components/WorkspaceTabNavigator.d.ts

@@ -0,0 +1,17 @@
+import { WorkspaceResponse, WorkspaceVisibilityLevelEnum } from '@stack-spot/portal-network/api/workspace-ai';
+import { ComponentNavigatorProps, NavigationComponent, NavigationMap } from './ComponentNavigator.js';
+interface CardSpaceProps {
+    onClick: VoidFunction;
+    name: string;
+    icon: React.ReactElement;
+    logoUrl?: string | null;
+}
+export declare const CardSpace: ({ onClick, name, icon, logoUrl }: CardSpaceProps) => import("react/jsx-runtime").JSX.Element;
+interface WorkspaceTabNavigatorProps {
+    getNavigateParam: (workspace: WorkspaceResponse) => NavigationComponent<NavigationMap, string>;
+    visibility?: WorkspaceVisibilityLevelEnum;
+    className?: string;
+}
+export declare function WorkspaceTabNavigator<T extends NavigationMap, K extends keyof T>({ components, getNavigateParam, visibility, className }: Omit<ComponentNavigatorProps<T, K>, 'initialItem'> & WorkspaceTabNavigatorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WorkspaceTabNavigator.d.ts.map

package/dist/components/WorkspaceTabNavigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceTabNavigator.d.ts","sourceRoot":"","sources":["../../src/components/WorkspaceTabNavigator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAK7G,OAAO,EAAsB,uBAAuB,EAAE,mBAAmB,EAAE,aAAa,EAA0B,MAAM,sBAAsB,CAAA;AAG9I,UAAU,cAAc;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,qCAAsC,cAAc,4CAkBlE,CAAA;AA8FR,UAAU,0BAA0B;IAClC,gBAAgB,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC/F,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,EACvI,IAAI,CAAC,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,0BAA0B,2CAgBhF"}

package/dist/components/WorkspaceTabNavigator.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { FieldGroup, IconButton, ImageBox, Input, Row, Text } from '@stack-spot/citric-react';
+import { Placeholder } from '@stack-spot/portal-components/Placeholder';
+import { workspaceAiClient } from '@stack-spot/portal-network';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { memo, useMemo, useState } from 'react';
+import { useRightPanel } from '../right-panel/hooks.js';
+import { ButtonFavorite } from './ButtonFavorite.js';
+import { ComponentNavigator, useComponentNavigation } from './ComponentNavigator.js';
+import { ListResource } from './ListResource.js';
+export const CardSpace = ({ onClick, name, icon, logoUrl }) => _jsxs(Row, { onClick: onClick, flex: 1, justifyContent: "space-between", mr: 2, bg: "light.400", radius: "sm", p: 3, style: { cursor: 'pointer' }, children: [_jsxs(Row, { gap: "8px", children: [_jsx(ImageBox, { appearance: "square", children: logoUrl ? _jsx("img", { src: logoUrl }) : icon }), _jsx(Text, { appearance: "body2", children: name })] }), _jsx(IconButton, { icon: "ArrowRight" })] });
+const WorkspaceSourcesTab = ({ visibility, onClick }) => {
+    const t = useTranslate(dictionary);
+    const [filter, setFilter] = useState('');
+    const workspaces = workspaceAiClient.workspacesAi.useQuery({ visibility });
+    const listFavorites = workspaceAiClient.workspacesAi.useQuery({ visibility: 'favorite' });
+    const [addFavorite, pendingAddFav] = workspaceAiClient.addFavoriteWorkspaceAi.useMutation();
+    const [removeFavorite, pendingRemoveFav] = workspaceAiClient.removeFavoriteWorkspaceAi.useMutation();
+    // eslint-disable-next-line no-async-promise-executor
+    const onAddFavorite = async (idOrSlug) => new Promise(async (resolve, reject) => {
+        try {
+            await addFavorite({ workspaceId: idOrSlug });
+            await workspaceAiClient.workspacesAi.invalidate();
+            if (!pendingAddFav) {
+                resolve(true);
+            }
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            reject(error);
+        }
+    });
+    // eslint-disable-next-line no-async-promise-executor
+    const onRemoveFavorite = (idOrSlug) => new Promise(async (resolve, reject) => {
+        try {
+            await removeFavorite({ workspaceId: idOrSlug });
+            await workspaceAiClient.workspacesAi.invalidate();
+            if (!pendingRemoveFav) {
+                resolve(true);
+            }
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            reject(error);
+        }
+    });
+    const filtered = useMemo(
+    // Recreate the list so that the favorites list is taken into account
+    () => filter ? workspaces.filter(w => w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : [...workspaces], [workspaces, filter, listFavorites]);
+    return (_jsxs(_Fragment, { children: [_jsxs(FieldGroup, { fullWidth: true, style: { alignSelf: 'stretch' }, children: [_jsx(Icon, { icon: "Search" }), _jsx(Input, { type: "search", value: filter, onChange: setFilter })] }), !!filtered.length &&
+                _jsx(ListResource, { list: filtered, keygen: w => w.id, style: { gap: '6px', display: 'flex', flexDirection: 'column' }, renderLabel: w => _jsx(CardSpace, { name: w.name, logoUrl: w.logo, icon: _jsx(Icon, { icon: "Spaces" }), onClick: () => onClick(w) }), renderAfterElement: (w) => _jsx(ButtonFavorite, { favorite: { idOrSlug: w?.id, listFavorites, onAddFavorite, onRemoveFavorite } }), optionClassName: w => (filter && !w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
+                        ? 'filtered-out'
+                        : '', className: "option-list" }), _jsxs("div", { style: { width: '100%' }, children: [!!workspaces.length && !filtered.length &&
+                        _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), !workspaces.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription })] })] }));
+};
+const WorkspaceHeader = ({ data }) => {
+    const { close: closeRightPanel } = useRightPanel();
+    const workspaceId = data.props['workspaceId'];
+    if (!workspaceId)
+        return;
+    const workspace = workspaceAiClient.workspaceAi.useQuery({ id: workspaceId });
+    return _jsxs(Row, { justifyContent: "space-between", flex: 1, children: [data.component === 'workspaceResource' ? 'Spots' : workspace.name, data.fullScreen && _jsx(IconButton, { icon: "Times", title: 't.close', "aria-label": 't.close', onClick: closeRightPanel })] });
+};
+export function WorkspaceTabNavigator({ components, getNavigateParam, visibility, className }) {
+    const workspaceTabComponents = useMemo(() => ({
+        workspace: memo(function WorkspacesTab() {
+            const { navigate } = useComponentNavigation();
+            return (_jsx(WorkspaceSourcesTab, { visibility: visibility ?? 'all', onClick: (w) => navigate(getNavigateParam(w)) }));
+        }),
+        ...components,
+    }), [components]);
+    return _jsx(ComponentNavigator, { initialItem: { component: 'workspace' }, components: workspaceTabComponents, className: className, renderTitle: (data) => _jsx(WorkspaceHeader, { data: data }) });
+}
+const dictionary = {
+    en: {
+        noSearchResults: "Your search didn't yield results.",
+        noSearchResultsDescription: 'Please, try another search term.',
+        noData: 'There are no spot yet.',
+        noDataDescription: 'Use the AI portal to create new spots.',
+        apply: 'Apply',
+    },
+    pt: {
+        noSearchResults: 'Sua busca não produziu resultados',
+        noSearchResultsDescription: 'Por favor, tente outra busca.',
+        noData: 'Ainda não há spots.',
+        noDataDescription: 'Use o Portal AI para criar novos spots.',
+        apply: 'Aplicar',
+    },
+};
+//# sourceMappingURL=WorkspaceTabNavigator.js.map

package/dist/components/WorkspaceTabNavigator.js.map

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

package/dist/components/form/DescribedCheckboxGroup.d.ts

@@ -1,3 +1,31 @@
-import { CheckProps } from './types.js';
-export declare function DescribedCheckboxGroup<T>({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }: CheckProps<T>): import("react/jsx-runtime").JSX.Element;
+import { Labeled } from '../../state/types.js';
+import { Favorite } from '../ButtonFavorite.js';
+interface Props<T> {
+    initialValue?: T[];
+    options: T[];
+    /**
+     * Must return the data needed by the component, given the option.
+     */
+    data: (option: T) => {
+        name: string;
+        description: string;
+    } & Favorite<any>;
+    /**
+     * Use this when the selection must be kept at a global level, managed by a React Ref.
+     */
+    globalSelection?: React.MutableRefObject<Labeled[] | undefined>;
+    emptyResults: React.ReactNode;
+    emptyDataset: React.ReactNode;
+    onChange?: (value: T[]) => void;
+    fetchNextPage?: () => void;
+    hasNextPage?: boolean;
+}
+/**
+ * Renders a checkbox group where each option has a label and a description.
+ * The description in placed under the label and checkbox as an accordion.
+ *
+ * Also renders a search input and a select all checkbox.
+ */
+export declare function DescribedCheckboxGroup<T>({ initialValue, options: opt, data, globalSelection, onChange: change, emptyDataset, emptyResults, fetchNextPage, hasNextPage, }: Props<T>): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
 //# sourceMappingURL=DescribedCheckboxGroup.d.ts.map

package/dist/components/form/DescribedCheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescribedCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedCheckboxGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,2CA8BpI"}
+{"version":3,"file":"DescribedCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedCheckboxGroup.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5D,UAAU,KAAK,CAAC,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3E;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC;IAChE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAC/F,aAAa,EAAE,WAAW,GAC3B,EAAE,KAAK,CAAC,CAAC,CAAC,gIAsFZ"}

package/dist/components/form/DescribedCheckboxGroup.js

@@ -1,23 +1,77 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox, Text } from '@citric/core';
-import { listToClass } from '@stack-spot/portal-theme';
-import { useMemo } from 'react';
-import { Accordion } from '../Accordion.js';
-import { RadioCheckBox } from './styled.js';
-export function DescribedCheckboxGroup({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }) {
-    const items = useMemo(() => options.map((option) => {
-        const label = renderLabel(option);
-        const description = renderDescription(option);
-        const header = (_jsxs("label", { children: [_jsx(Checkbox, { checked: value.includes(option), onChange: (e) => {
-                        if (e.target.checked && !value.includes(option))
-                            onChange([...value, option]);
-                        else
-                            onChange(value.filter(item => item !== option));
-                    } }), typeof label === 'string' ? _jsx(Text, { children: label }) : label] }));
-        return (_jsx("li", { className: listToClass(['radio-group-item', optionClassName?.(option)]), style: optionStyle?.(option), children: _jsx(Accordion, { header: header, children: typeof description === 'string'
-                    ? _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: description })
-                    : description }) }, keygen(option)));
-    }), [options, value]);
-    return _jsx(RadioCheckBox, { style: style, className: className, children: items });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Accordion, Checkbox, CheckboxGroup, FieldGroup, Input, Row, Text, useCheckboxGroupControls } from '@stack-spot/citric-react';
+import { InfiniteScroll } from '@stack-spot/portal-components/InfiniteScroll';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { difference, isEqual, uniqBy } from 'lodash';
+import { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { ButtonFavorite } from '../ButtonFavorite.js';
+const StyledDiv = styled.div `
+  &#ks-scrollable {
+    overflow: auto;
+  }
+`;
+/**
+ * Renders a checkbox group where each option has a label and a description.
+ * The description in placed under the label and checkbox as an accordion.
+ *
+ * Also renders a search input and a select all checkbox.
+ */
+export function DescribedCheckboxGroup({ initialValue, options: opt, data, globalSelection, onChange: change, emptyDataset, emptyResults, fetchNextPage, hasNextPage, }) {
+    const t = useTranslate(dictionary);
+    const [options, setOptions] = useState(opt);
+    useEffect(() => {
+        if (controls.value.length === 0 && (initialValue?.length ?? 0) > 0)
+            controls.setValue(initialValue);
+    }, [initialValue]);
+    const onChange = useCallback((newValue, previousValue) => {
+        change?.(newValue);
+        if (!globalSelection?.current)
+            return;
+        const added = difference(newValue, previousValue);
+        const removed = difference(previousValue, newValue);
+        globalSelection.current = globalSelection.current?.filter(o => !removed.some(r => data(r).idOrSlug === o.id)) ?? [];
+        globalSelection.current = uniqBy([...globalSelection.current, ...added.map(o => ({ id: data(o).idOrSlug, label: data(o).name }))], 'id');
+    }, []);
+    const controls = useCheckboxGroupControls({
+        initialValue,
+        options,
+        applyFilter: (filter, o) => data(o).name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()),
+        renderKey: o => data(o).idOrSlug,
+        onChange,
+    });
+    useEffect(() => {
+        if (!isEqual(opt, options)) {
+            setOptions(opt);
+        }
+    }, [opt]);
+    return options?.length ? _jsxs(_Fragment, { children: [_jsxs(FieldGroup, { fullWidth: true, children: [_jsx(Icon, { icon: "Search" }), _jsx(Input, { type: "search", value: controls.filter, onChange: controls.setFilter })] }), controls.options.length ? _jsxs(_Fragment, { children: [_jsxs(Row, { tag: "label", gap: "10px", p: "11px", children: [_jsx(Checkbox, { value: controls.isAllSelected, onChange: v => v ? controls.selectAll() : controls.removeSelection() }), _jsx(Text, { children: controls.isAllSelected ? t.removeAll : t.selectAll })] }), _jsx(StyledDiv, { id: "ks-scrollable", children: _jsx(InfiniteScroll, { scrollableTarget: "ks-scrollable", dataLength: controls.options.length, next: fetchNextPage ?? undefined, hasMore: hasNextPage ?? false, children: _jsx(CheckboxGroup, { options: controls.options, value: controls.value, onChange: controls.setValue, renderKey: controls.renderKey, className: "option-list", renderItem: (checkbox, o) => {
+                                    const { description, idOrSlug, name, listFavorites, onAddFavorite, onRemoveFavorite } = data(o);
+                                    return (_jsxs(Row, { className: controls.isUnfilteredButChecked(o) ? 'filtered-out' : '', children: [_jsx(Accordion, { header: btn => _jsxs(_Fragment, { children: [checkbox, _jsx(Text, { children: name }), btn] }), appearance: "card", maxHeight: 100, children: _jsx(Text, { appearance: "microtext1", color: "light.700", style: { wordBreak: 'break-all' }, children: description }) }), onAddFavorite && _jsx(ButtonFavorite, { favorite: {
+                                                    idOrSlug: idOrSlug,
+                                                    listFavorites,
+                                                    onAddFavorite: async (...args) => {
+                                                        const res = await onAddFavorite(...args);
+                                                        setOptions([...options]); // forces options re-rendering
+                                                        return res;
+                                                    },
+                                                    onRemoveFavorite: async (...args) => {
+                                                        const res = await onRemoveFavorite?.(...args);
+                                                        setOptions([...options]); // forces options re-rendering
+                                                        return res ?? false;
+                                                    },
+                                                } })] }));
+                                } }) }) })] }) : emptyResults] }) : emptyDataset;
 }
+const dictionary = {
+    en: {
+        selectAll: 'Select all',
+        removeAll: 'Remove all',
+    },
+    pt: {
+        selectAll: 'Selecionar todos',
+        removeAll: 'Remover todos',
+    },
+};
 //# sourceMappingURL=DescribedCheckboxGroup.js.map

package/dist/components/form/DescribedCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescribedCheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedCheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,UAAU,sBAAsB,CACpC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAiB;IAEnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAC7C,MAAM,MAAM,GAAG,CACb,4BACE,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;4BAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;;4BACxE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAA;oBACtD,CAAC,GACD,EACD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAK,IACnD,CACT,CAAA;QACD,OAAO,CACL,aAAyB,SAAS,EAAE,WAAW,CAAC,CAAC,kBAAkB,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,YAC5H,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,YACtB,OAAO,WAAW,KAAK,QAAQ;oBAC9B,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,WAAW,YAAE,WAAW,GAAQ;oBAC5E,CAAC,CAAC,WAAkB,GAEZ,IANL,MAAM,CAAC,MAAM,CAAC,CAOlB,CACN,CAAA;IACH,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAAG,KAAK,GAAiB,CAAA;AACnF,CAAC"}
+{"version":3,"file":"DescribedCheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedCheckboxGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/DescribedRadioGroup.d.ts

@@ -1,3 +1,32 @@
-import { RadioProps } from './types.js';
-export declare function DescribedRadioGroup<T>({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }: RadioProps<T>): import("react/jsx-runtime").JSX.Element;
+import { Favorite } from '../ButtonFavorite.js';
+interface Props<T> {
+    initialValue?: T;
+    options: T[];
+    /**
+     * Must return the data needed by the component, given the option.
+     * @param option
+     * @returns
+     */
+    data: (option: T) => {
+        name: string;
+        description: React.ReactNode;
+        image?: React.ReactElement;
+    } & Favorite<any>;
+    emptyResults: React.ReactNode;
+    emptyDataset: React.ReactNode;
+    onChange?: (value: T | undefined) => void;
+    fetchNextPage?: () => void;
+    hasNextPage?: boolean;
+    filter?: string;
+    setFilter?: (value?: string) => void;
+    isLoading?: boolean;
+}
+/**
+ * Renders a radio group where each option has a label and a description.
+ * The description in placed under the label and checkbox as an accordion.
+ *
+ * Also renders a search input.
+ */
+export declare function DescribedRadioGroup<T>({ initialValue, options: opt, data, emptyDataset, emptyResults, onChange, fetchNextPage, hasNextPage, filter, setFilter, isLoading }: Props<T>): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
 //# sourceMappingURL=DescribedRadioGroup.d.ts.map

package/dist/components/form/DescribedRadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescribedRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,2CAwBpI"}
+{"version":3,"file":"DescribedRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5D,UAAU,KAAK,CAAC,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;;;OAIG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChH,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAQD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAC7G,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,gIAsErE"}

package/dist/components/form/DescribedRadioGroup.js

@@ -1,18 +1,67 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Radio, Text } from '@citric/core';
-import { listToClass } from '@stack-spot/portal-theme';
-import { useMemo } from 'react';
-import { Accordion } from '../Accordion.js';
-import { RadioCheckBox } from './styled.js';
-export function DescribedRadioGroup({ keygen, onChange, options, renderDescription, renderLabel, optionClassName, optionStyle, value, className, style }) {
-    const items = useMemo(() => options.map((option) => {
-        const label = renderLabel(option);
-        const description = renderDescription(option);
-        const header = (_jsxs("label", { children: [_jsx(Radio, { checked: option === value, onChange: () => onChange(option) }), typeof label === 'string' ? _jsx(Text, { children: label }) : label] }));
-        return (_jsx("li", { className: listToClass(['radio-group-item', optionClassName?.(option)]), style: optionStyle?.(option), children: _jsx(Accordion, { header: header, children: typeof description === 'string'
-                    ? _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: description })
-                    : description }) }, keygen(option)));
-    }), [options, value]);
-    return _jsx(RadioCheckBox, { style: style, className: className, children: items });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LoadingCircular } from '@citric/ui';
+import { Icon } from '@stack-spot/citric-icons';
+import { Accordion, Column, FieldGroup, ImageBox, Input, RadioGroup, Row, Text, useRadioGroupControls } from '@stack-spot/citric-react';
+import { InfiniteScroll } from '@stack-spot/portal-components/InfiniteScroll';
+import { isEqual } from 'lodash';
+import { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { ButtonFavorite } from '../ButtonFavorite.js';
+const StyledDiv = styled.div `
+  &#agents-content {
+    overflow: auto;
+  }
+`;
+/**
+ * Renders a radio group where each option has a label and a description.
+ * The description in placed under the label and checkbox as an accordion.
+ *
+ * Also renders a search input.
+ */
+export function DescribedRadioGroup({ initialValue, options: opt, data, emptyDataset, emptyResults, onChange, fetchNextPage, hasNextPage, filter, setFilter, isLoading }) {
+    const [options, setOptions] = useState(opt);
+    const controls = useRadioGroupControls({
+        initialValue,
+        options,
+        applyFilter: (filter, o) => data(o).name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()),
+        renderKey: o => data(o).idOrSlug,
+        onChange,
+    });
+    useEffect(() => {
+        if (controls.value === undefined && initialValue !== undefined)
+            controls.setValue(initialValue);
+    }, [initialValue]);
+    useEffect(() => {
+        if (!isEqual(opt, options)) {
+            setOptions(opt);
+        }
+    }, [opt]);
+    return (options?.length || isLoading || !!filter) ? _jsxs(_Fragment, { children: [_jsxs(FieldGroup, { fullWidth: true, children: [_jsx(Icon, { icon: "Search" }), _jsx(Input, { type: "search", value: setFilter ? filter : controls.filter, onChange: setFilter ? setFilter : controls.setFilter })] }), isLoading ?
+                _jsx(Column, { h: "100%", alignItems: "center", justifyContent: "center", children: _jsx(LoadingCircular, {}) }) :
+                _jsx(StyledDiv, { id: "agents-content", children: controls.options.length ?
+                        _jsx(InfiniteScroll, { scrollableTarget: "agents-content", dataLength: controls.options.length, next: fetchNextPage ?? undefined, hasMore: hasNextPage ?? false, children: _jsx(RadioGroup, { options: controls.options, value: controls.value, onChange: controls.setValue, renderKey: controls.renderKey, className: "option-list", renderItem: (radio, o) => {
+                                    const item = data(o);
+                                    const { idOrSlug, listFavorites, onAddFavorite, onRemoveFavorite } = item;
+                                    return (_jsxs(Row, { className: controls.isUnfilteredButChecked(o) ? 'filtered-out' : '', children: [_jsx(ItemContent, { item: item, radio: radio }), onAddFavorite && _jsx(ButtonFavorite, { favorite: {
+                                                    idOrSlug: idOrSlug,
+                                                    listFavorites,
+                                                    onAddFavorite: async (...args) => {
+                                                        const res = await onAddFavorite(...args);
+                                                        setOptions([...options]); // forces options re-rendering
+                                                        return res;
+                                                    },
+                                                    onRemoveFavorite: async (...args) => {
+                                                        const res = await onRemoveFavorite?.(...args);
+                                                        setOptions([...options]); // forces options re-rendering
+                                                        return res ?? false;
+                                                    },
+                                                } })] }));
+                                } }) })
+                        : emptyResults })] }) : emptyDataset;
 }
+const ItemContent = ({ item, radio }) => {
+    const [expanded, setExpanded] = useState(false);
+    const { description, name, image } = item;
+    return _jsx(Accordion, { header: btn => _jsxs(_Fragment, { children: [radio, image && _jsx(ImageBox, { size: "xs", style: { fontSize: '16px' }, children: image }), _jsx(Text, { children: name }), btn] }), expanded: expanded, onChange: setExpanded, appearance: "card", children: expanded && _jsx(_Fragment, { children: typeof description === 'string' ? _jsx(Text, { appearance: "microtext1", color: "light.700", children: description }) : description }) });
+};
 //# sourceMappingURL=DescribedRadioGroup.js.map

package/dist/components/form/DescribedRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescribedRadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,UAAU,mBAAmB,CACjC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAiB;IAEnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAC7C,MAAM,MAAM,GAAG,CACb,4BACE,KAAC,KAAK,IAAC,OAAO,EAAE,MAAM,KAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAI,EACrE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAK,IACnD,CACT,CAAA;QACD,OAAO,CACL,aAAyB,SAAS,EAAE,WAAW,CAAC,CAAC,kBAAkB,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,YAC5H,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,YACtB,OAAO,WAAW,KAAK,QAAQ;oBAC9B,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,WAAW,YAAE,WAAW,GAAQ;oBAC5E,CAAC,CAAC,WAAkB,GAEZ,IANL,MAAM,CAAC,MAAM,CAAC,CAOlB,CACN,CAAA;IACH,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAAG,KAAK,GAAiB,CAAA;AACnF,CAAC"}
+{"version":3,"file":"DescribedRadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/dictionary.d.ts

@@ -0,0 +1,19 @@
+export declare const dictionaryFavorites: {
+    en: {
+        add: string;
+        remove: string;
+        become: string;
+        favorite: string;
+        couldNotActFavorite: string;
+        actionFavoriteSuccessfully: string;
+    };
+    pt: {
+        add: string;
+        remove: string;
+        become: string;
+        favorite: string;
+        couldNotActFavorite: string;
+        actionFavoriteSuccessfully: string;
+    };
+};
+//# sourceMappingURL=dictionary.d.ts.map

package/dist/components/form/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/components/form/dictionary.ts"],"names":[],"mappings":"AAAA,eAAQ,MAAM,mBAAmB;;;;;;;;;;;;;;;;;CAiBhC,CAAA"}

package/dist/components/form/dictionary.js

@@ -0,0 +1,19 @@
+export const dictionaryFavorites = {
+    en: {
+        add: 'Add',
+        remove: 'Remove',
+        become: 'Become',
+        favorite: 'Favorite',
+        couldNotActFavorite: 'Could not $0 favorite',
+        actionFavoriteSuccessfully: '$0 from favorites successfully',
+    },
+    pt: {
+        add: 'Adicionar',
+        remove: 'Remover',
+        become: 'Tornar',
+        favorite: 'Favorito',
+        couldNotActFavorite: 'Não foi possível $0 o favorito',
+        actionFavoriteSuccessfully: '$0 dos favoritos com sucesso',
+    },
+};
+//# sourceMappingURL=dictionary.js.map

package/dist/components/form/dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/components/form/dictionary.ts"],"names":[],"mappings":"AAAA,MAAM,CAAE,MAAM,mBAAmB,GAAG;IAClC,EAAE,EAAE;QACF,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,UAAU;QACpB,mBAAmB,EAAE,uBAAuB;QAC5C,0BAA0B,EAAE,gCAAgC;KAC7D;IACD,EAAE,EAAE;QACF,GAAG,EAAE,WAAW;QAChB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,UAAU;QACpB,mBAAmB,EAAE,gCAAgC;QACrD,0BAA0B,EAAE,8BAA8B;KAC3D;CACF,CAAA"}

package/dist/components/form/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,4OAsCzB,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,4OAqCzB,CAAA"}

package/dist/components/form/styled.js

@@ -10,10 +10,9 @@ export const RadioCheckBox = styled.ul `
 
   > li {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     gap: 8px;
     border-radius: 6px;
-    background-color: ${theme.color.light[400]};
 
     label {
       display: flex;

package/dist/components/form/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/form/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;wBAad,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;sBAUxB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;0BAMlB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;4BAKtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;CAIjD,CAAA"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/form/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;sBAsBhB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;0BAMlB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;4BAKtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;CAIjD,CAAA"}