@stack-spot/ai-chat-widget 1.0.0-dev.1768423745486 → 1.0.0-dev.1768480603636

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

@@ -0,0 +1,31 @@
+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

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

@@ -0,0 +1,77 @@
+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

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

@@ -0,0 +1,32 @@
+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

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

@@ -0,0 +1,67 @@
+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

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

@@ -0,0 +1,2 @@
+export declare const RadioCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+//# sourceMappingURL=styled.d.ts.map

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

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

@@ -0,0 +1,41 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const RadioCheckBox = styled.ul `
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+
+  > li {
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+    border-radius: 6px;
+
+    label {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 8px;
+    }
+
+    input[type="radio"], input[type="checkbox"] {
+      border-color: ${theme.color.light[700]};
+      background-color: transparent;
+      flex-shrink: 0;
+    }
+
+    input[type="checkbox"]:checked {
+      background-color: ${theme.color.inverse[500]};
+    }
+
+    input[type="radio"] {
+      &:after {
+        background-color: ${theme.color.light[700]};
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

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

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

@@ -0,0 +1,61 @@
+import { WithStyle } from '@stack-spot/portal-theme';
+interface RadioCheckProps<T> extends WithStyle {
+    /**
+     * The options available.
+     */
+    options: T[];
+    /**
+     * A function that renders an option as a label. This can either return a string or a React Element.
+     */
+    renderLabel: (option: T) => React.ReactNode;
+    /**
+     * A function that renders an option as a description. This can either return a string or a React Element.
+     */
+    renderDescription: (option: T) => React.ReactNode;
+    /**
+     * A function that renders a element before the content
+     */
+    renderBeforeElement?: (option: T) => React.ReactNode;
+    /**
+     * A function that renders a element after the content
+     */
+    renderAfterElement?: (option: T) => React.ReactNode;
+    /**
+     * A function that gives a custom className to the rendered option.
+     */
+    optionClassName?: (option: T) => string | undefined;
+    /**
+     * A function that gives a custom style to the rendered option.
+     */
+    optionStyle?: (option: T) => React.CSSProperties | undefined;
+    /**
+     * A function that generates a unique id for the option.
+     */
+    keygen: (option: T) => React.Key;
+}
+export interface RadioProps<T> extends RadioCheckProps<T> {
+    /**
+     * The current value of the radio group. This is one of the options.
+     *
+     * Comparisons use the same-value-zero algorithm (`===`).
+     */
+    value: T | undefined;
+    /**
+     * A function to call whenever the value changes.
+     */
+    onChange: (option: T) => void;
+}
+export interface CheckProps<T> extends RadioCheckProps<T> {
+    /**
+     * The current value of the checkbox group. This is sub-array of the array of options.
+     *
+     * Comparisons use the same-value-zero algorithm (`===`).
+     */
+    value: T[];
+    /**
+     * A function to call whenever the value changes.
+     */
+    onChange: (option: T[]) => void;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,UAAU,eAAe,CAAC,CAAC,CAAE,SAAQ,SAAS;IAC5C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;OAEG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;OAEG;IACH,iBAAiB,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IAC7D;;OAEG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC;CAIlC;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACvD;;;;OAIG;IACH,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACvD;;;;OAIG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACjC"}

package/dist/components/form/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":""}

package/dist/context/AIWidgetProvider.d.ts

@@ -0,0 +1,23 @@
+import { WidgetState } from '../state/WidgetState.js';
+export declare const AIWidgetContext: import("react").Context<WidgetState | undefined>;
+/**
+ * Creates a new context for the AI Chat Widget.
+ *
+ * This is not required, but makes it much easier to control the chat and is the only way to have multiple instances of the chat model in
+ * the same application.
+ *
+ * To control the chat widget in any component descendant from the `AIWidgetProvider`, you can call the hook `useWidget()`.
+ *
+ * Example:
+ * ```
+ * const widget = useMemo(() => new WidgetState(), [])
+ *
+ * return (
+ *   <AIWidgetProvider value={widget}>
+ *     {children}
+ *   </AIWidgetProvider>
+ * ```
+ *
+ */
+export declare const AIWidgetProvider: import("react").Provider<WidgetState | undefined>;
+//# sourceMappingURL=AIWidgetProvider.d.ts.map

package/dist/context/AIWidgetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIWidgetProvider.d.ts","sourceRoot":"","sources":["../../src/context/AIWidgetProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,eAAO,MAAM,eAAe,kDAAoD,CAAA;AAEhF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,mDAA2B,CAAA"}

package/dist/context/AIWidgetProvider.js

@@ -0,0 +1,23 @@
+import { createContext } from 'react';
+export const AIWidgetContext = createContext(undefined);
+/**
+ * Creates a new context for the AI Chat Widget.
+ *
+ * This is not required, but makes it much easier to control the chat and is the only way to have multiple instances of the chat model in
+ * the same application.
+ *
+ * To control the chat widget in any component descendant from the `AIWidgetProvider`, you can call the hook `useWidget()`.
+ *
+ * Example:
+ * ```
+ * const widget = useMemo(() => new WidgetState(), [])
+ *
+ * return (
+ *   <AIWidgetProvider value={widget}>
+ *     {children}
+ *   </AIWidgetProvider>
+ * ```
+ *
+ */
+export const AIWidgetProvider = AIWidgetContext.Provider;
+//# sourceMappingURL=AIWidgetProvider.js.map

package/dist/context/AIWidgetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIWidgetProvider.js","sourceRoot":"","sources":["../../src/context/AIWidgetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAA;AAEhF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAA"}

package/dist/context/hooks.d.ts

@@ -0,0 +1,75 @@
+import { ChatEntry } from '../state/ChatEntry.js';
+import { ChatProperties, ChatState } from '../state/ChatState.js';
+import { ObservableState } from '../state/ObservableState.js';
+import { WidgetProperties, WidgetState } from '../state/WidgetState.js';
+/**
+ * Returns the closest instance of a WidgetState (React Context). If no context is available, uses a global instance of the chat widget.
+ */
+export declare function useWidget(): WidgetState;
+/**
+ * Watches an ObservableState.
+ */
+export declare function useObservableState<T, K extends keyof T>(state: ObservableState<T>, key: K): T[K];
+/**
+ * Watches one of the widget states.
+ * @param key the key watch changes for.
+ * @returns the value of the state referred by the key.
+ */
+export declare function useWidgetState<K extends keyof WidgetProperties>(key: K): WidgetProperties[K];
+/**
+ * Watches the tabs of a ChatState. The value is updated whenever a tab is added, removed or selected.
+ */
+export declare function useChatTabs(): {
+    chats: ChatState[];
+    active: ChatState;
+};
+/**
+ * Gets a chat according to its identifier (conversation id).
+ *
+ * An error is thrown if the id doesn't correspond to any chat currently opened.
+ *
+ * @returns the chat state.
+ */
+export declare function useChat(chatId: string): ChatState;
+/**
+ * Watches the current chat (selected in the chat tabs.)
+ *
+ * The value changes whenever a new chat is selected.
+ *
+ * @returns the currently active chat.
+ */
+export declare function useCurrentChat(): ChatState;
+/**
+ * Watches one of the chat states.
+ * @param chatId the id of chat to watch.
+ * @param key the key of the state to watch.
+ * @returns the value of the state referred by the key.
+ */
+export declare function useChatState<K extends keyof ChatProperties>(chatId: string, key: K): ChatProperties[K];
+/**
+ * Watches one of the current chat states. This is the same as calling `useChatState` with the id of the current chat.
+ * @param key the key of the state to watch.
+ * @returns the value of the state referred by the key.
+ */
+export declare function useCurrentChatState<K extends keyof ChatProperties>(key: K): ChatProperties[K];
+/**
+ * Watches a chat state for changes in the list of messages (chat entries).
+ * @param chatId the id of the chat to watch.
+ * @returns the list of messages in the chat.
+ */
+export declare function useChatMessages(chatId: string): ChatEntry[];
+/**
+ * Watches the chat state currently active for changes in the list of messages (chat entries). This is the same as calling `useChatMessages`
+ * with the id of the current chat.
+ * @returns the list of messages in the chat.
+ */
+export declare function useCurrentChatMessages(): ChatEntry[];
+/**
+ * Watches a chat message (chat entry) for changes in its composition. This allows messages to be streamed: each part of the stream will
+ * change the current value of the entry.
+ * @param entry the message to watch.
+ * @returns the current value of the message.
+ */
+export declare function useChatEntry(entry: ChatEntry): import("../index.js").TextChatEntry;
+export declare function useIsLastEntryInCurrentChat(id: number): boolean;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/context/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKpE;;GAEG;AACH,wBAAgB,SAAS,IAAI,WAAW,CAKvC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAOhG;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAAE,GAAG,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAG5F;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CAQvE;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAKjD;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,SAAS,CAE1C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAGtG;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAG7F;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,CAQ3D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,EAAE,CAGpD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,8BAI5C;AAWD,wBAAgB,2BAA2B,CAAC,EAAE,EAAE,MAAM,WAYrD"}