@stack-spot/citric-react 0.1.0

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

@@ -0,0 +1,67 @@
+import { OverlayOptions } from '../../overlay.js';
+import { HTMLExtension } from '../../types.js';
+export type TriggerOn = 'hover' | 'click';
+export interface BaseOverlayProps<T extends keyof React.JSX.IntrinsicElements> extends Omit<OverlayOptions<T>, 'target'> {
+    /**
+     * When should the overlay element be created? When the child is clicked or when the child is hovered?
+     *
+     * Accessibility:
+     * Click = focus + press enter to open; focus + enter to close OR esc.
+     * Hover = focus to open; blur to close.
+     *
+     * @default 'hover'
+     */
+    triggerOn?: TriggerOn;
+    /**
+     * TODO: not implemented yet.
+     *
+     * Only valid if `triggerOn` is "hover".
+     *
+     * If the overlay is hidden right after the mouse leaves the element, then it becomes impossible to interact with anything inside the
+     * tooltip. This sets a delay for the overlay to disappear, giving it time for the user to hover the overlay or gocus one of its children,
+     * which will prevent it from closing.
+     *
+     * When `hoverDelayMS` is greater then zero, the hover effect is also applied to the overlay itself instead of just the child element.
+     *
+     * When set to "auto", a hover delay of 1 second will be used if the overlay contains any focusable element.
+     *
+     * @default 'auto'
+     */
+    hoverDelayMS?: number | 'auto';
+    /**
+     * TODO: not implemented yet.
+     *
+     * - Never: the focus won't changes when the overlay opens.
+     * - All: the focus always changes when the overlay opens (given there's a focusable element in the overlay).
+     * - Keyboard (default): the focus only changes when the overlay is opened via the keyboard.
+     *
+     * The first focusable element in the overlay will be focused as soon as it's rendered. When it's closed, the child element
+     * (`children`) regains focus.
+     *
+     * The focus control will be such that, after the last element in the overlay is focused, the next focus will move to the child element
+     * (`children`).
+     *
+     * If the overlay has no focusable element, this properties makes no difference.
+     *
+     * Attention: focusable elements inside the overlay can be ignored by setting `auto-focus` to false.
+     *
+     * @default 'keyboard'
+     */
+    autoFocusBehavior?: 'never' | 'always' | 'keyboard';
+    /**
+     * The element to receive the overlay.
+     */
+    children: React.ReactElement;
+    /**
+     * Function to run when the child is rendered. It receives the child element as a parameter.
+     *
+     * This is useful for easily adding attributes to the element (mainly accessibility ones).
+     * @param element the child element, the one that receives the overlay.
+     */
+    onRenderChild?: (element: HTMLElement) => void;
+}
+export type OverlayProps<T extends keyof React.JSX.IntrinsicElements> = HTMLExtension<'div', BaseOverlayProps<T>, 'children' | 'content'>;
+export interface OverlayController {
+    close: () => Promise<void>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEzC,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IACtH;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;;OAcG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;;;;;;;;;;;;;;;OAkBG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,IAClE,aAAa,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEnE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B"}

package/dist/components/Overlay/types.js

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

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

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

package/dist/components/Pagination.d.ts

@@ -0,0 +1,28 @@
+import { HTMLExtension } from '../types.js';
+export interface BasePaginationProps {
+    /**
+     * The options for the page size.
+     *
+     * @default [10, 20, 30]
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Total number of pages
+     */
+    totalPages: number;
+    /**
+     * The first page is 1. If "0" is provided, it will be treated as if it was "1".
+     */
+    page: number;
+    /**
+     * The current number of items in a page.
+     */
+    pageSize: number;
+    /**
+     * Function to run whenever the page size or current page changes.
+     */
+    onChange: (page: number, size: number) => void;
+}
+export type PaginationProps = HTMLExtension<'div', BasePaginationProps, 'children' | 'onChange'>;
+export declare const Pagination: ({ pageSizeOptions, pageSize, totalPages, page, onChange, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAIxC,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,EAAE,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AAEhG,eAAO,MAAM,UAAU,GACrB,qEAAoF,eAAe,4CA0CpG,CAAA"}

package/dist/components/Pagination.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { interpolate, useTranslate } from '@stack-spot/portal-translate';
+import { useMemo } from 'react';
+import { CitricComponent } from './CitricComponent.js';
+import { IconButton } from './IconBox.js';
+export const Pagination = ({ pageSizeOptions = [10, 20, 30], pageSize, totalPages, page, onChange, ...props }) => {
+    const t = useTranslate(dictionary);
+    const sizeOptions = useMemo(() => pageSizeOptions.map(o => _jsx("option", { selected: pageSize === o, children: o }, o)), [pageSizeOptions]);
+    const pageOptions = useMemo(() => {
+        const options = [];
+        for (let i = 1; i <= totalPages; i++) {
+            options.push(_jsx("option", { value: i, selected: page === i, children: i }, i));
+        }
+        return options;
+    }, [page, totalPages]);
+    return (_jsxs(CitricComponent, { tag: "div", component: "pagination", ...props, children: [_jsx("div", { className: "page-size", children: _jsxs("label", { children: [t.itemsPerPage, ":", _jsx("select", { name: "itemsPerPage", onChange: e => onChange(page, parseInt(e.target.value)), children: sizeOptions })] }) }), _jsxs("div", { className: "page-number", children: [_jsx("label", { children: _jsx("select", { name: "page", onChange: e => onChange(parseInt(e.target.value), pageSize), children: pageOptions }) }), totalPages > 1 ? interpolate(t.ofTotalPlural, totalPages) : t.ofTotalSingular, _jsx(IconButton, { icon: "ChevronLeft", "aria-label": "previous", title: "previous", disabled: page === 1, onClick: () => onChange(page - 1, pageSize) }), _jsx(IconButton, { icon: "ChevronRight", "aria-label": "next", title: "next", disabled: page === totalPages, onClick: () => onChange(page + 1, pageSize) })] })] }));
+};
+const dictionary = {
+    en: {
+        itemsPerPage: 'Items per page',
+        ofTotalSingular: 'of 1 page',
+        ofTotalPlural: 'of $0 pages',
+    },
+    pt: {
+        itemsPerPage: 'Itens por página',
+        ofTotalSingular: 'de 1 página',
+        ofTotalPlural: 'de $0 páginas',
+    },
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

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

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,12 @@
+import { HTMLExtension, WithColorPalette, WithColorScheme } from '../types.js';
+export interface BaseProgressBarProps extends WithColorScheme, WithColorPalette {
+    /**
+     * A number varying from 0 to 100.
+     *
+     * If not provided, the progress will be indeterminate, causing an animation loop.
+     */
+    progress?: number;
+}
+export type ProgressBarProps = HTMLExtension<'div', BaseProgressBarProps>;
+export declare const ProgressBar: ({ progress, style, className, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI3E,MAAM,WAAW,oBAAqB,SAAQ,eAAe,EAAE,gBAAgB;IAC7E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAA;AAEzE,eAAO,MAAM,WAAW,GAAI,0CAA0C,gBAAgB,4CAOlF,CAAA"}

package/dist/components/ProgressBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { listToClass } from '@stack-spot/portal-theme';
+import { isNil } from 'lodash';
+import { applyCSSVariable } from '../utils/css.js';
+import { CitricComponent } from './CitricComponent.js';
+export const ProgressBar = ({ progress, style, className, ...props }) => _jsx(CitricComponent, { tag: "div", component: "progress-bar", className: listToClass([className, isNil(progress) && 'indeterminate']), style: progress === undefined ? style : applyCSSVariable(style, 'progress', progress), ...props });
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAanD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CACxF,KAAC,eAAe,IACd,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,eAAe,CAAC,CAAC,EACvE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,KACjF,KAAK,GACT,CAAA"}

package/dist/components/ProgressCircular.d.ts

@@ -0,0 +1,16 @@
+import { HTMLExtension, WithColorPalette, WithColorScheme } from '../types.js';
+export interface BaseProgressCircularProps extends WithColorScheme, WithColorPalette {
+    /**
+     * A number varying from 0 to 100.
+     *
+     * If not provided, the progress will be indeterminate, causing an animation loop.
+     */
+    progress?: number;
+    /**
+     * @default 'md'
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}
+export type ProgressCircularProps = HTMLExtension<'div', BaseProgressCircularProps>;
+export declare const ProgressCircular: ({ progress, size, style, className, ...props }: ProgressCircularProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressCircular.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircular.d.ts","sourceRoot":"","sources":["../../src/components/ProgressCircular.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI3E,MAAM,WAAW,yBAA0B,SAAQ,eAAe,EAAE,gBAAgB;IAClF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,KAAK,EAAE,yBAAyB,CAAC,CAAA;AAEnF,eAAO,MAAM,gBAAgB,GAAI,gDAAgD,qBAAqB,4CAOlG,CAAA"}

package/dist/components/ProgressCircular.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { listToClass } from '@stack-spot/portal-theme';
+import { isNil } from 'lodash';
+import { applyCSSVariable } from '../utils/css.js';
+import { CitricComponent } from './CitricComponent.js';
+export const ProgressCircular = ({ progress, size, style, className, ...props }) => _jsx(CitricComponent, { tag: "div", component: "progress-circular", className: listToClass([size, className, isNil(progress) && 'indeterminate']), style: progress === undefined ? style : applyCSSVariable(style, 'progress', progress), ...props });
+//# sourceMappingURL=ProgressCircular.js.map

package/dist/components/ProgressCircular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircular.js","sourceRoot":"","sources":["../../src/components/ProgressCircular.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAiBnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE,CACxG,KAAC,eAAe,IACd,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,mBAAmB,EAC7B,SAAS,EAAE,WAAW,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,eAAe,CAAC,CAAC,EAC7E,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,KACjF,KAAK,GACT,CAAA"}

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,48 @@
+import { HTMLExtension, WithColorScheme } from '../types.js';
+export interface BaseRadioGroupProps<T> extends WithColorScheme {
+    /**
+     * The field name.
+     */
+    name?: string;
+    /**
+     * The current value.
+     */
+    value?: T;
+    /**
+     * All the items (radio buttons) to render.
+     */
+    options: T[];
+    /**
+     * Called whenever the selected radio button changes.
+     * @param value the currently selected item.
+     */
+    onChange?: (value: T) => void;
+    /**
+     * A function to render the item label.
+     * @example
+     * `(option) => option.name`
+     * @default "the item's toString() result."
+     * @param option the item to render.
+     * @returns a React Node to render.
+     */
+    renderLabel?: (option: T) => React.ReactNode;
+    /**
+     * A function to render the item value, a unique identifier for the option.
+     * @example
+     * `(option) => option.id`
+     * @default "if the item is a string or a number, the stringified item. Otherwise, undefined."
+     * @param option the item to compute a key for.
+     * @returns a string key.
+     */
+    renderKey?: (option: T) => string | number | undefined;
+    /**
+     * If this function returns true for the item, this option is disabled.
+     * @default "nothing is disabled"
+     * @param option the item to calculate "disabled" for.
+     * @returns true if the item should be disabled, false otherwise.
+     */
+    isDisabled?: (option: T) => boolean;
+}
+export type RadioGroupProps<T> = HTMLExtension<'div', BaseRadioGroupProps<T>, 'onChange'>;
+export declare function RadioGroup<T>({ name, value, options, onChange, renderLabel, renderKey, isDisabled, colorScheme, style, ...props }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAKzD,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,eAAe;IAC7D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;CACrC;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzF,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgC,EAChC,SAA4B,EAC5B,UAAU,EACV,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,2CAqBpB"}

package/dist/components/RadioGroup.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNil } from 'lodash';
+import { useMemo } from 'react';
+import { defaultRenderKey, defaultRenderLabel } from '../utils/options.js';
+import { CitricComponent } from './CitricComponent.js';
+import { Column } from './layout.js';
+export function RadioGroup({ name, value, options, onChange, renderLabel = defaultRenderLabel, renderKey = defaultRenderKey, isDisabled, colorScheme, style, ...props }) {
+    const items = useMemo(() => {
+        const valueKey = value ? renderKey(value) : undefined;
+        return options.map((o) => {
+            const key = renderKey(o);
+            return (_jsxs(CitricComponent, { tag: "label", component: "radio-row", colorScheme: colorScheme, children: [_jsx("input", { type: "radio", name: name, value: key, checked: value === o || (!isNil(key) && valueKey === key), onChange: () => onChange?.(o), disabled: isDisabled?.(o) }), renderLabel(o)] }, key));
+        });
+    }, [options, value, name, colorScheme]);
+    return _jsx(Column, { ...props, style: { gap: '8px', ...style }, children: items });
+}
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAiDjC,MAAM,UAAU,UAAU,CAAI,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,kBAAkB,EAChC,SAAS,GAAG,gBAAgB,EAC5B,UAAU,EACV,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACW;IACnB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACrD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACvB,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;YACxB,OAAO,CACL,MAAC,eAAe,IAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,WAAW,EAAW,WAAW,EAAE,WAAW,aACnF,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,QAAQ,KAAK,GAAG,CAAC,EACzD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,GACzB,EACD,WAAW,CAAC,CAAC,CAAC,KATuC,GAAG,CAUzC,CACnB,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IACvC,OAAO,KAAC,MAAM,OAAK,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,YAAG,KAAK,GAAU,CAAA;AAC7E,CAAC"}

package/dist/components/Rating.d.ts

@@ -0,0 +1,13 @@
+import { HTMLExtension } from '../types.js';
+export type RatingValue = 1 | 2 | 3 | 4 | 5;
+export interface BaseRatingProps {
+    value: RatingValue | undefined;
+    onChange: (value: RatingValue) => void;
+    /**
+     * The name of this input.
+     */
+    name?: string;
+}
+export type RatingProps = HTMLExtension<'div', BaseRatingProps, 'children' | 'onChange'>;
+export declare const Rating: ({ value, onChange, name, ...props }: RatingProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../src/components/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE3C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AAExF,eAAO,MAAM,MAAM,GAAI,qCAAqC,WAAW,4CAQtE,CAAA"}

package/dist/components/Rating.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CitricComponent } from './CitricComponent.js';
+export const Rating = ({ value, onChange, name, ...props }) => (_jsxs(CitricComponent, { tag: "div", component: "rating", ...props, children: [_jsx("input", { type: "radio", value: "1", name: name, checked: value === 5, onChange: () => onChange(5) }), _jsx("input", { type: "radio", value: "2", name: name, checked: value === 4, onChange: () => onChange(4) }), _jsx("input", { type: "radio", value: "3", name: name, checked: value === 3, onChange: () => onChange(3) }), _jsx("input", { type: "radio", value: "4", name: name, checked: value === 2, onChange: () => onChange(2) }), _jsx("input", { type: "radio", value: "5", name: name, checked: value === 1, onChange: () => onChange(1) })] }));
+//# sourceMappingURL=Rating.js.map

package/dist/components/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/components/Rating.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAenD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,CAC1E,MAAC,eAAe,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,KAAK,KAAK,aACrD,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,IAC/E,CACnB,CAAA"}

package/dist/components/Select/RichSelect.d.ts

@@ -0,0 +1,5 @@
+import { SelectProps } from './types.js';
+export declare function RichSelect<T>({ options, value, onChange, renderLabel, renderKey, required, disabled, loading, renderOption, renderHeader, searchable, maxHeight, style, className, onFocus, onBlur, showArrow, ...props }: SelectProps<T> & {
+    type?: 'rich';
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichSelect.d.ts.map

package/dist/components/Select/RichSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Select/RichSelect.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAC5B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,SAA4B,EAC5B,QAAe,EACf,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CA8KpC"}

package/dist/components/Select/RichSelect.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { listToClass } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { applyCSSVariable } from '../../utils/css.js';
+import { defaultRenderKey, defaultRenderLabel } from '../../utils/options.js';
+import { CitricComponent } from '../CitricComponent.js';
+import { Input } from '../Input.js';
+import { ProgressCircular } from '../ProgressCircular.js';
+import { SimpleSelect } from './SimpleSelect.js';
+export function RichSelect({ options, value, onChange, renderLabel = defaultRenderLabel, renderKey = defaultRenderKey, required = true, disabled, loading, renderOption, renderHeader, searchable, maxHeight, style, className, onFocus, onBlur, showArrow, ...props }) {
+    const [search, setSearch] = useState('');
+    const element = useRef(null);
+    const [open, setOpen] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const t = useTranslate(dictionary);
+    const change = useCallback((option) => () => {
+        onChange?.(option);
+        setOpen(false);
+    }, []);
+    const renderedOptions = useMemo(() => {
+        const items = required ? [] : [_jsx("li", { className: "empty", onClick: change(undefined), children: t.empty }, "")];
+        options.forEach((o) => {
+            const key = renderKey(o);
+            const label = renderLabel(o);
+            if (!search.trim() || label.toLocaleLowerCase().includes(search.trim().toLocaleLowerCase())) {
+                items.push(_jsx("li", { onClick: change(o), children: renderOption?.(o) ?? label }, key));
+            }
+        });
+        return items;
+    }, [options, value, required, search]);
+    /* this runs whenever the selection panel is opened */
+    useEffect(() => {
+        if (open) {
+            setSearch('');
+            const selectionPanel = element.current?.querySelector('.selection-panel');
+            selectionPanel?.querySelector('ul')?.scrollTo({ top: 0 });
+            const getCurrent = () => selectionPanel?.querySelector('li.focused');
+            const scrollTo = (li) => {
+                const ul = li.closest('ul');
+                if (!ul)
+                    return;
+                const { top: ulTop, height: ulHeight } = ul.getBoundingClientRect();
+                const { height: liHeight, top: liTop } = li.getBoundingClientRect();
+                const offset = liTop + ul.scrollTop - ulTop;
+                if ((ul.scrollTop + ulHeight < offset + liHeight) || ul.scrollTop > offset) {
+                    ul.scrollTo({ top: offset });
+                }
+            };
+            /* keyboard and mouse controls */
+            const listenToMouse = (event) => {
+                if (!selectionPanel?.contains(event.target)) {
+                    setOpen(false);
+                }
+            };
+            const listenToKeyboard = (event) => {
+                const isCharacter = event.key.length === 1;
+                if (['Escape', 'ArrowUp', 'ArrowDown', 'Enter'].includes(event.key) || (searchable && (isCharacter || event.key === 'Backspace'))) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+                if (event.key === 'Escape')
+                    setOpen(false);
+                if (searchable) {
+                    if (isCharacter)
+                        setSearch(v => `${v}${event.key}`);
+                    if (event.key === 'Backspace')
+                        setSearch(v => v.substring(0, v.length - 1));
+                }
+                if (event.key === 'ArrowDown') {
+                    const current = getCurrent();
+                    const next = (current?.nextElementSibling ?? selectionPanel?.querySelector('li'));
+                    if (next) {
+                        current?.classList.remove('focused');
+                        next.classList.add('focused');
+                        scrollTo(next);
+                    }
+                }
+                if (event.key === 'ArrowUp') {
+                    const current = getCurrent();
+                    const prev = (current?.previousElementSibling ?? selectionPanel?.querySelector('li:last-child'));
+                    if (prev) {
+                        current?.classList.remove('focused');
+                        prev.classList.add('focused');
+                        scrollTo(prev);
+                    }
+                }
+                if (event.key === 'Enter') {
+                    setTimeout(() => getCurrent()?.click(), 0);
+                }
+            };
+            document.addEventListener('click', listenToMouse);
+            document.addEventListener('keydown', listenToKeyboard);
+            return () => {
+                document.removeEventListener('click', listenToMouse);
+                document.removeEventListener('keydown', listenToKeyboard);
+                getCurrent()?.classList.remove('focused');
+            };
+        }
+    }, [open]);
+    /* this runs whenever the select is focused */
+    useEffect(() => {
+        if (focused) {
+            const listenToMouse = (event) => {
+                if (!element.current?.contains(event.target)) {
+                    setFocused(false);
+                }
+            };
+            const listenToKeyboard = (event) => {
+                if (['Enter', 'ArrowDown', 'ArrowUp'].includes(event.key)) {
+                    event.preventDefault();
+                    if (!element.current?.classList.contains('open'))
+                        setOpen(true);
+                }
+                if (event.key === 'Tab') {
+                    setFocused(false);
+                    if (element.current?.classList.contains('open'))
+                        setOpen(false);
+                }
+            };
+            document.addEventListener('click', listenToMouse);
+            document.addEventListener('keydown', listenToKeyboard);
+            return () => {
+                document.removeEventListener('click', listenToMouse);
+                document.removeEventListener('keydown', listenToKeyboard);
+            };
+        }
+    }, [focused]);
+    useEffect(() => {
+        if (disabled) {
+            setOpen(false);
+            setFocused(false);
+        }
+    }, [disabled]);
+    return (_jsxs(CitricComponent, { tag: "div", component: "rich-select", style: maxHeight ? applyCSSVariable(style, 'max-height', `${maxHeight}px`) : style, className: listToClass([className, showArrow === false && 'hide-arrow', open && 'open', focused && 'focused']), ref: element, "aria-busy": loading, ...props, children: [_jsx(SimpleSelect, { options: options, value: value, renderLabel: renderLabel, renderKey: renderKey, required: required, disabled: disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur, wrap: false }), _jsxs("header", { onClick: (e) => {
+                    if (disabled)
+                        return;
+                    if (!open)
+                        e.stopPropagation();
+                    setFocused(true);
+                    setOpen(true);
+                }, "aria-hidden": true, children: [renderHeader?.(value) ?? (value ? (renderOption?.(value) ?? renderLabel(value)) : _jsx("span", {})), loading && _jsx(ProgressCircular, { size: "xs", className: "loader" })] }), _jsxs("div", { className: "selection-panel", "aria-hidden": true, children: [searchable && _jsx("div", { className: "search-bar", children: _jsxs("div", { "data-citric": "field-group", className: "auto", children: [_jsx("i", { "data-citric": "icon-box", className: "citric-icon outline Search" }), _jsx(Input, { type: "search", value: search, onChange: setSearch, tabIndex: -1 })] }) }), _jsx("ul", { children: renderedOptions })] })] }));
+}
+const dictionary = {
+    en: {
+        empty: 'Empty',
+    },
+    pt: {
+        empty: 'Vazio',
+    },
+};
+//# sourceMappingURL=RichSelect.js.map

package/dist/components/Select/RichSelect.js.map

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

package/dist/components/Select/SimpleSelect.d.ts

@@ -0,0 +1,5 @@
+import { SelectProps } from './types.js';
+export declare function SimpleSelect<T>({ options, value, onChange, renderLabel, renderKey, required, loading, disabled, onBlur, onFocus, wrap, ...props }: SelectProps<T> & {
+    wrap?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SimpleSelect.d.ts.map

package/dist/components/Select/SimpleSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SimpleSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,SAA4B,EAC5B,QAAe,EACf,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,2CA6CrC"}

package/dist/components/Select/SimpleSelect.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNil } from 'lodash';
+import { useCallback, useMemo } from 'react';
+import { defaultRenderKey, defaultRenderLabel } from '../../utils/options.js';
+import { CitricComponent } from '../CitricComponent.js';
+import { ProgressCircular } from '../ProgressCircular.js';
+export function SimpleSelect({ options, value, onChange, renderLabel = defaultRenderLabel, renderKey = defaultRenderKey, required = true, loading, disabled, onBlur, onFocus, wrap, ...props }) {
+    const handleChange = useCallback((e) => {
+        const selectedIndex = e.target.options.selectedIndex + (required ? 0 : 1);
+        onChange?.(options[selectedIndex]);
+    }, [options]);
+    const renderedOptions = useMemo(() => {
+        const valueKey = value ? renderKey(value) : undefined;
+        const items = (!value || !required) ? [_jsx("option", {}, "")] : [];
+        options.forEach((o) => {
+            const key = renderKey(o);
+            items.push(_jsx("option", { value: key, selected: o === value || (!isNil(key) && key === valueKey), children: renderLabel(o) }, key));
+        });
+        return items;
+    }, [options, value, required]);
+    const children = _jsxs(_Fragment, { children: [required ? undefined : _jsx("option", {}), renderedOptions] });
+    return wrap === false ? (_jsx(CitricComponent, { required: required, onChange: handleChange, disabled: disabled || loading, tag: "select", component: "select", onFocus: onFocus, onBlur: onBlur, children: children })) : (_jsxs(CitricComponent, { tag: "div", component: "select", "aria-busy": loading, ...props, children: [_jsx("select", { required: required, onChange: handleChange, disabled: disabled || loading, onFocus: onFocus, onBlur: onBlur, children: children }), loading && _jsx(ProgressCircular, { className: "loader", size: "xs" })] }));
+}
+//# sourceMappingURL=SimpleSelect.js.map

package/dist/components/Select/SimpleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../src/components/Select/SimpleSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD,MAAM,UAAU,YAAY,CAAI,EAC9B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,kBAAkB,EAChC,SAAS,GAAG,gBAAgB,EAC5B,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EAC4B;IACpC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAuC,EAAE,EAAE;QAC3E,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACzE,QAAQ,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACrD,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAY,EAAE,CAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QACrE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACpB,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;YACxB,KAAK,CAAC,IAAI,CACR,iBAAkB,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,QAAQ,CAAC,YACrF,WAAW,CAAC,CAAC,CAAC,IADJ,GAAG,CAEP,CACV,CAAA;QACH,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE9B,MAAM,QAAQ,GAAG,8BACd,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAiB,EACxC,eAAe,IACf,CAAA;IAEH,OAAO,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CACtB,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,YAEb,QAAQ,GACO,CACnB,CAAC,CAAC,CAAC,CACF,MAAC,eAAe,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,eAAY,OAAO,KAAM,KAAK,aACzE,iBAAQ,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAChH,QAAQ,GACF,EACR,OAAO,IAAI,KAAC,gBAAgB,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,GAAG,IAC7C,CACnB,CAAA;AACH,CAAC"}

package/dist/components/Select/index.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from './types.js';
+export type * from './types.js';
+export declare function Select<T>(props: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,mBAAmB,SAAS,CAAA;AAE5B,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CAE9C"}

package/dist/components/Select/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RichSelect } from './RichSelect.js';
+import { SimpleSelect } from './SimpleSelect.js';
+export function Select(props) {
+    return props.type === 'simple' ? _jsx(SimpleSelect, { ...props }) : _jsx(RichSelect, { ...props });
+}
+//# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI7C,MAAM,UAAU,MAAM,CAAI,KAAqB;IAC7C,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,YAAY,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,UAAU,OAAK,KAAK,GAAI,CAAA;AAC1F,CAAC"}