@orcestr/ui 0.0.1

package/dist/components/EntityPicker/EntityPicker.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+import type { UiSize } from '../../theme/systemProps';
+import { type PaginatedResult } from '../PaginatedCombobox/PaginatedCombobox';
+export type EntityPickerCreateAction = {
+    label?: string | ((search: string) => string);
+    onCreate: (search: string) => void;
+    disabled?: boolean;
+};
+export type EntityPickerOptionAction<T> = {
+    label: (item: T) => string;
+    icon: ReactNode;
+    onClick: (item: T, close?: () => void) => void;
+    disabled?: (item: T) => boolean;
+};
+export type EntityPickerProps<T> = {
+    loadPage: (page: number, search: string) => Promise<PaginatedResult<T>>;
+    getEntityId: (item: T) => string | number;
+    renderEntity: (item: T) => ReactNode;
+    value: T | null;
+    onValueChange: (item: T | null) => void;
+    renderValue?: (item: T) => ReactNode;
+    placeholder?: string;
+    emptyText?: ReactNode;
+    loadingText?: ReactNode;
+    errorText?: ReactNode;
+    retryLabel?: ReactNode;
+    disabled?: boolean;
+    clearable?: boolean;
+    showChevron?: boolean;
+    size?: UiSize;
+    maxHeight?: number;
+    closeOnSelect?: boolean;
+    isEntitySelected?: (item: T) => boolean;
+    createAction?: EntityPickerCreateAction;
+    optionAction?: EntityPickerOptionAction<T>;
+    resetKey?: unknown;
+    debounceMs?: number;
+    testId?: string;
+};
+export declare function EntityPicker<T>({ loadPage, getEntityId, renderEntity, renderValue, value, onValueChange, placeholder, emptyText, loadingText, errorText, retryLabel, disabled, clearable, showChevron, size, maxHeight, closeOnSelect, isEntitySelected, createAction, optionAction, resetKey, debounceMs, testId, }: EntityPickerProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EntityPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EntityPicker/EntityPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAGH,KAAK,eAAe,EACvB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACtC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAgB,EAChB,SAAgB,EAChB,WAAkB,EAClB,IAAQ,EACR,SAAe,EACf,aAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA8CtB"}

package/dist/components/EntityPicker/EntityPicker.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { PaginatedCombobox, } from '../PaginatedCombobox/PaginatedCombobox';
+export function EntityPicker({ loadPage, getEntityId, renderEntity, renderValue, value, onValueChange, placeholder, emptyText, loadingText, errorText, retryLabel, disabled = false, clearable = true, showChevron = true, size = 3, maxHeight = 280, closeOnSelect = true, isEntitySelected, createAction, optionAction, resetKey, debounceMs, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const searchAction = createAction
+        ? {
+            label: typeof createAction.label === 'string'
+                ? createAction.label
+                : createAction.label ?? copy.common.selectEntity,
+            disabled: createAction.disabled,
+            onClick: (search) => createAction.onCreate(search),
+        }
+        : undefined;
+    return (_jsx(PaginatedCombobox, { loadPage: loadPage, getItemId: getEntityId, renderOption: (item) => (_jsx("div", { className: 'oui-entity-picker-option', children: renderEntity(item) })), renderSelectedLabel: (item) => (_jsx("span", { className: 'oui-entity-picker-value', children: renderValue?.(item) ?? renderEntity(item) })), value: value, onChange: onValueChange, placeholder: placeholder ?? copy.common.selectEntity, emptyText: emptyText ?? copy.common.noOptions, loadingText: loadingText, errorText: errorText, retryLabel: retryLabel, disabled: disabled, clearable: clearable, showChevron: showChevron, size: size, maxHeight: maxHeight, closeOnSelect: closeOnSelect, isItemSelected: isEntitySelected, searchAction: searchAction, optionAction: optionAction, resetKey: resetKey, debounceMs: debounceMs, testId: testId }));
+}

package/dist/components/Field/Field.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export declare function Field({ label, helperText, error, required, htmlFor, children, className, testId, }: {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    htmlFor?: string;
+    children: ReactNode;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAK5C,wBAAgB,KAAK,CAAC,EAClB,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAsBA"}

package/dist/components/Field/Field.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../../utils/cn';
+import { Text } from '../Text/Text';
+export function Field({ label, helperText, error, required, htmlFor, children, className, testId, }) {
+    const helperId = useId();
+    return (_jsxs("div", { className: cn('oui-field', className), "data-testid": testId, children: [label ? (_jsxs("label", { className: 'oui-field-label', htmlFor: htmlFor, children: [label, required ? _jsx("span", { className: 'oui-field-required', children: "*" }) : null] })) : null, children, error ? (_jsx(Text, { id: helperId, className: 'oui-field-error', fs: '12px', children: error })) : helperText ? (_jsx(Text, { id: helperId, className: 'oui-field-helper', fs: '12px', children: helperText })) : null] }));
+}

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type FlexProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    testId?: string;
+};
+export declare const Flex: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Flex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;aAHA,MAAM;kDAiBrB,CAAC"}

package/dist/components/Flex/Flex.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+import { splitSystemProps } from '../../theme/systemProps';
+export const Flex = forwardRef(function Flex({ className, style, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("div", { ref: ref, className: cn('oui-flex', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});

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

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type GridProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    columns?: string;
+    testId?: string;
+};
+export declare const Grid: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    columns?: string;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;cAJC,MAAM;aACP,MAAM;kDAqBrB,CAAC"}

package/dist/components/Grid/Grid.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+import { splitSystemProps } from '../../theme/systemProps';
+export const Grid = forwardRef(function Grid({ className, style, columns, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("div", { ref: ref, className: cn('oui-grid', className), "data-testid": testId, style: {
+            gridTemplateColumns: columns,
+            ...systemStyle,
+            ...style,
+        }, ...restProps }));
+});

package/dist/components/Highlight/Highlight.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type HighlightProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    h?: number | string;
+    color?: string;
+    visible?: boolean;
+    testId?: string;
+};
+export declare const TopHighlight: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    h?: number | string;
+    color?: string;
+    visible?: boolean;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomHighlight: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    h?: number | string;
+    color?: string;
+    visible?: boolean;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DownHighlight: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    h?: number | string;
+    color?: string;
+    visible?: boolean;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Highlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/components/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACxD,WAAW,GAAG;IACV,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAON,eAAO,MAAM,YAAY;QAXb,MAAM,GAAG,MAAM;YACX,MAAM;cACJ,OAAO;aACR,MAAM;kDAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;QA3BhB,MAAM,GAAG,MAAM;YACX,MAAM;cACJ,OAAO;aACR,MAAM;kDAsCtB,CAAC;AAEF,eAAO,MAAM,aAAa;QA3Cd,MAAM,GAAG,MAAM;YACX,MAAM;cACJ,OAAO;aACR,MAAM;kDAwCqB,CAAC"}

package/dist/components/Highlight/Highlight.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { splitSystemProps } from '../../theme/systemProps';
+import { cn } from '../../utils/cn';
+export const TopHighlight = forwardRef(function TopHighlight({ className, style, h = 32, color, visible, ...props }, ref) {
+    return (_jsx(Highlight, { ref: ref, className: cn('oui-highlight-top', className), h: h, color: color, visible: visible, style: style, ...props }));
+});
+export const BottomHighlight = forwardRef(function BottomHighlight({ className, style, h = 32, color, visible, ...props }, ref) {
+    return (_jsx(Highlight, { ref: ref, className: cn('oui-highlight-bottom', className), h: h, color: color, visible: visible, style: style, ...props }));
+});
+export const DownHighlight = BottomHighlight;
+const Highlight = forwardRef(function Highlight({ className, style, h = 32, color, visible = true, testId, ...props }, ref) {
+    if (!visible)
+        return null;
+    const { systemStyle, restProps } = splitSystemProps(props);
+    const highlightStyle = {
+        ...systemStyle,
+        ...style,
+        '--oui-highlight-height': highlightHeight(h),
+        ...(color ? { '--oui-highlight-color': color } : null),
+    };
+    return (_jsx("div", { ref: ref, "aria-hidden": 'true', className: cn('oui-highlight', className), "data-testid": testId, style: highlightStyle, ...restProps }));
+});
+function highlightHeight(value) {
+    return typeof value === 'number' ? `${value}px` : value;
+}

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,25 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type SystemProps, type Tone, type UiSize } from '../../theme/systemProps';
+import type { ButtonPressAnimation } from '../../theme/themeTypes';
+import type { ButtonVariant } from '../Button/Button';
+export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & SystemProps & {
+    size?: UiSize;
+    v?: ButtonVariant;
+    tone?: Tone;
+    icon: ReactNode;
+    loading?: boolean;
+    round?: boolean;
+    pressAnimation?: ButtonPressAnimation;
+    testId?: string;
+};
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & SystemProps & {
+    size?: UiSize;
+    v?: ButtonVariant;
+    tone?: Tone;
+    icon: ReactNode;
+    loading?: boolean;
+    round?: boolean;
+    pressAnimation?: ButtonPressAnimation;
+    testId?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxF,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GACnF,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;WAVR,MAAM;QACT,aAAa;WACV,IAAI;UACL,SAAS;cACL,OAAO;YACT,OAAO;qBACE,oBAAoB;aAC5B,MAAM;qDA+CtB,CAAC"}

package/dist/components/IconButton/IconButton.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cn } from '../../utils/cn';
+import { splitSystemProps, } from '../../theme/systemProps';
+import { OrcestrThemeContext } from '../../theme/useTheme';
+import { Spinner } from '../Spinner/Spinner';
+export const IconButton = forwardRef(function IconButton({ className, style, size = 3, v = 'soft', tone = 'neutral', loading = false, round = true, pressAnimation, testId, icon, disabled, type = 'button', ...props }, ref) {
+    const themeContext = useContext(OrcestrThemeContext);
+    const actualPressAnimation = pressAnimation ?? themeContext?.theme.motion.pressAnimation ?? 'soft';
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("button", { ref: ref, type: type, className: cn('oui-icon-button', className), "data-size": size, "data-variant": v, "data-tone": tone, "data-round": round ? 'true' : undefined, "data-press-animation": actualPressAnimation, "data-loading": loading ? 'true' : undefined, "data-testid": testId, "aria-busy": loading ? 'true' : undefined, disabled: disabled || loading, style: { ...systemStyle, ...style }, ...restProps, children: loading ? _jsx(Spinner, { size: 1 }) : icon }));
+});

package/dist/components/IconText/IconText.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { Tone } from '../../theme/systemProps';
+import { type TextProps } from '../Text/Text';
+export type IconTextProps = TextProps & {
+    icon?: ReactNode;
+    iconTone?: Tone | 'muted';
+    iconColor?: CSSProperties['color'];
+    iconClassName?: string;
+    iconSpin?: boolean;
+};
+export declare function IconText({ icon, iconTone, iconColor, iconClassName, iconSpin, className, children, ...props }: IconTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.d.ts","sourceRoot":"","sources":["../../../src/components/IconText/IconText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,aAAa,2CAgBf"}

package/dist/components/IconText/IconText.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import { Text } from '../Text/Text';
+export function IconText({ icon, iconTone, iconColor, iconClassName, iconSpin, className, children, ...props }) {
+    return (_jsxs(Text, { className: cn('oui-icon-text', className), ...props, children: [icon ? (_jsx("span", { className: cn('oui-icon-text-icon', iconClassName), "data-spin": iconSpin ? 'true' : undefined, "data-tone": iconTone, style: iconColor ? { '--oui-icon-text-icon-color': iconColor } : undefined, children: icon })) : null, children] }));
+}

package/dist/components/Listbox/Listbox.d.ts

@@ -0,0 +1,13 @@
+export type ListboxItem = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export declare function Listbox({ items, value, onValueChange, className, testId, }: {
+    items: ReadonlyArray<ListboxItem>;
+    value?: string | null;
+    onValueChange: (value: string) => void;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Listbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACpB,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA2GA"}

package/dist/components/Listbox/Listbox.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useListNavigation } from '../../hooks/useListNavigation';
+import { useTypeahead } from '../../hooks/useTypeahead';
+import { cn } from '../../utils/cn';
+export function Listbox({ items, value, onValueChange, className, testId, }) {
+    const listboxRef = useRef(null);
+    const navigationItems = useMemo(() => items.map((item) => ({
+        value: item.value,
+        disabled: item.disabled,
+        searchText: item.label,
+    })), [items]);
+    const navigation = useListNavigation(navigationItems, { value });
+    const highlighted = navigation.highlightedValue;
+    useEffect(() => {
+        if (highlighted === null)
+            return;
+        const node = listboxRef.current?.querySelector(`[data-oui-listbox-value="${cssAttr(highlighted)}"]`);
+        node?.scrollIntoView({ block: 'nearest' });
+    }, [highlighted]);
+    const commit = useCallback((next) => {
+        if (next !== null)
+            onValueChange(next);
+    }, [onValueChange]);
+    const handleTypeahead = useTypeahead((query) => {
+        const match = navigation.enabledItems.find((item) => item.searchText?.toLowerCase().startsWith(query));
+        if (match)
+            navigation.setHighlightedValue(match.value);
+    });
+    const handleKeyDown = useCallback((event) => {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                navigation.move(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                navigation.move(-1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                navigation.first();
+                break;
+            case 'End':
+                event.preventDefault();
+                navigation.last();
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                commit(highlighted);
+                break;
+            default:
+                if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {
+                    handleTypeahead(event.key);
+                }
+        }
+    }, [commit, handleTypeahead, highlighted, navigation]);
+    return (_jsx("div", { ref: listboxRef, className: cn('oui-listbox', className), role: 'listbox', tabIndex: 0, "data-testid": testId, onKeyDown: handleKeyDown, children: items.map((item) => {
+            const isSelected = value === item.value;
+            const isHighlighted = highlighted === item.value;
+            return (_jsx("button", { type: 'button', role: 'option', "aria-selected": isSelected, className: 'oui-listbox-item', "data-oui-listbox-value": item.value, "data-selected": isSelected ? 'true' : undefined, "data-highlighted": isHighlighted ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, disabled: item.disabled, tabIndex: -1, onMouseEnter: () => {
+                    if (!item.disabled)
+                        navigation.setHighlightedValue(item.value);
+                }, onClick: () => {
+                    if (!item.disabled)
+                        commit(item.value);
+                }, children: item.label }, item.value));
+        }) }));
+}
+function cssAttr(value) {
+    return value.replace(/"/g, '\\"');
+}

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import { type OrcestrActionItem } from '../Action/ActionTypes';
+import { type PopoverProps } from '../Popover/Popover';
+export type MenuItem = OrcestrActionItem;
+export declare function Menu({ trigger, items, className, align, side, sideOffset, testId, }: {
+    trigger: ReactNode;
+    items: ReadonlyArray<MenuItem>;
+    className?: string;
+    align?: PopoverProps['align'];
+    side?: PopoverProps['side'];
+    sideOffset?: number;
+    testId?: string;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAQf,OAAO,EAGH,KAAK,iBAAiB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAI9D,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AAEzC,wBAAgB,IAAI,CAAC,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAa,EACb,IAAe,EACf,UAAc,EACd,MAAM,GACT,EAAE;IACC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2UA6CA"}

package/dist/components/Menu/Menu.js

@@ -0,0 +1,168 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { LuChevronRight, LuInfo } from 'react-icons/lu';
+import { useListNavigation } from '../../hooks/useListNavigation';
+import { usePresence } from '../../hooks/usePresence';
+import { useTypeahead } from '../../hooks/useTypeahead';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { cn } from '../../utils/cn';
+import { actionItemText, isActionItemDisabled, } from '../Action/ActionTypes';
+import { ActionConfirmModal } from '../Action/ActionConfirmModal';
+import { Popover } from '../Popover/Popover';
+import { Spinner } from '../Spinner/Spinner';
+import { Tooltip } from '../Tooltip/Tooltip';
+export function Menu({ trigger, items, className, align = 'end', side = 'bottom', sideOffset = 6, testId, }) {
+    const [open, setOpen] = useState(false);
+    const [confirmItem, setConfirmItem] = useState(null);
+    const inlineState = useInlineSubmenus();
+    const reserveIconSpace = useMemo(() => menuHasIcons(items), [items]);
+    if (items.length === 0)
+        return trigger;
+    return (_jsxs(_Fragment, { children: [_jsx(Popover, { open: open, onOpenChange: (next) => {
+                    setOpen(next);
+                    if (!next)
+                        inlineState.reset();
+                }, trigger: trigger, className: cn('oui-menu oui-action-menu-content', className), align: align, side: side, sideOffset: sideOffset, collisionPadding: 12, testId: testId, children: _jsx(MenuList, { items: items, reserveIconSpace: reserveIconSpace, inlineState: inlineState, close: () => setOpen(false), requestConfirmation: setConfirmItem, autoFocus: true, testId: testId ? `${testId}-list` : undefined }) }), _jsx(ActionConfirmModal, { item: confirmItem, open: confirmItem !== null, onCancel: () => setConfirmItem(null), onConfirm: () => {
+                    confirmItem?.onSelect?.();
+                    setConfirmItem(null);
+                } })] }));
+}
+function MenuList({ items, reserveIconSpace, inlineState, close, requestConfirmation, autoFocus = false, testId, }) {
+    const listRef = useRef(null);
+    const navigationItems = useMemo(() => items.map((item) => ({
+        value: item.key,
+        disabled: isActionItemDisabled(item),
+        searchText: menuItemText(item),
+    })), [items]);
+    const navigation = useListNavigation(navigationItems);
+    const highlightedKey = navigation.highlightedValue;
+    useEffect(() => {
+        if (autoFocus)
+            listRef.current?.focus();
+    }, [autoFocus]);
+    const selectHighlighted = useCallback(() => {
+        if (highlightedKey === null)
+            return;
+        const item = items.find((candidate) => candidate.key === highlightedKey);
+        if (!item || isActionItemDisabled(item))
+            return;
+        if (item.children?.length) {
+            inlineState.toggle(item.key);
+            return;
+        }
+        if (item.confirm) {
+            close();
+            requestConfirmation(item);
+            return;
+        }
+        item.onSelect?.();
+        close();
+    }, [close, highlightedKey, inlineState, items, requestConfirmation]);
+    const handleTypeahead = useTypeahead((query) => {
+        const match = navigation.enabledItems.find((item) => item.searchText?.toLowerCase().startsWith(query));
+        if (match)
+            navigation.setHighlightedValue(match.value);
+    });
+    const handleKeyDown = useCallback((event) => {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                navigation.move(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                navigation.move(-1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                navigation.first();
+                break;
+            case 'End':
+                event.preventDefault();
+                navigation.last();
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                selectHighlighted();
+                break;
+            case 'Escape':
+                event.preventDefault();
+                close();
+                break;
+            default:
+                if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {
+                    handleTypeahead(event.key);
+                }
+        }
+    }, [close, handleTypeahead, navigation, selectHighlighted]);
+    return (_jsx("div", { ref: listRef, className: 'oui-menu-list', role: 'menu', tabIndex: 0, "data-testid": testId, onKeyDown: handleKeyDown, children: items.map((item) => (_jsx(MenuRow, { item: item, reserveIconSpace: reserveIconSpace, inlineState: inlineState, close: close, requestConfirmation: requestConfirmation, highlighted: highlightedKey === item.key, setHighlighted: () => navigation.setHighlightedValue(item.key), testId: testId ? `${testId}-${item.key}` : undefined }, item.key))) }));
+}
+function MenuRow({ item, reserveIconSpace, inlineState, close, requestConfirmation, highlighted, setHighlighted, testId, }) {
+    const [hoverOpen, setHoverOpen] = useState(false);
+    const hasChildren = Boolean(item.children?.length);
+    const inlineOpen = inlineState.openSubmenus.has(item.key);
+    const submenuPresence = usePresence(hoverOpen, 180);
+    return (_jsxs("div", { className: 'oui-menu-row', onMouseEnter: () => {
+            setHighlighted();
+            setHoverOpen(true);
+        }, onMouseLeave: () => setHoverOpen(false), children: [item.separatorBefore ? _jsx("div", { className: 'oui-menu-separator' }) : null, _jsxs("button", { type: 'button', className: 'oui-menu-item oui-combobox-option', "data-tone": item.tone, "data-selected": 'false', "data-highlighted": highlighted ? 'true' : undefined, "data-submenu-state": inlineOpen || hoverOpen ? 'open' : 'closed', "data-loading": item.loading ? 'true' : undefined, "data-testid": testId, "aria-busy": item.loading ? 'true' : undefined, disabled: isActionItemDisabled(item), tabIndex: -1, onClick: (event) => {
+                    event.stopPropagation();
+                    if (isActionItemDisabled(item))
+                        return;
+                    if (hasChildren) {
+                        inlineState.toggle(item.key);
+                        return;
+                    }
+                    if (item.confirm) {
+                        close();
+                        requestConfirmation(item);
+                        return;
+                    }
+                    item.onSelect?.();
+                    close();
+                }, role: 'menuitem', children: [_jsx(MenuItemContent, { item: item, reserveIconSpace: reserveIconSpace }), hasChildren ? (_jsx(LuChevronRight, { className: 'oui-menu-sub-chevron', size: 15, "aria-hidden": true })) : null] }), hasChildren && item.children ? (inlineState.inlineSubmenus ? (_jsx("div", { className: 'oui-menu-inline-subitems', "data-state": inlineOpen ? 'open' : 'closed', children: inlineOpen ? (_jsx(MenuList, { items: item.children, reserveIconSpace: menuHasIcons(item.children), inlineState: inlineState, close: close, requestConfirmation: requestConfirmation, autoFocus: false, testId: testId ? `${testId}-subitems` : undefined })) : null })) : submenuPresence.present ? (_jsx("div", { className: 'oui-menu-subcontent oui-popover-content', "data-state": submenuPresence.state, "data-testid": testId ? `${testId}-subcontent` : undefined, children: _jsx(MenuList, { items: item.children, reserveIconSpace: menuHasIcons(item.children), inlineState: inlineState, close: close, requestConfirmation: requestConfirmation, autoFocus: false, testId: testId ? `${testId}-subitems` : undefined }) })) : null) : null] }));
+}
+function MenuItemContent({ item, reserveIconSpace, }) {
+    const { copy } = useOrcestrUiLocale();
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'oui-menu-item-main', children: [item.icon || item.loading || reserveIconSpace ? (_jsx("span", { className: 'oui-menu-icon', "aria-hidden": !item.icon && !item.loading, children: item.loading ? _jsx(Spinner, { size: 1 }) : item.icon })) : null, _jsx("span", { className: 'oui-menu-label', children: item.label }), item.description ? (_jsx("span", { className: 'oui-menu-description', children: item.description })) : null] }), item.shortcut ? (_jsx("span", { className: 'oui-menu-shortcut', children: item.shortcut })) : null, item.info ? (_jsx(Tooltip, { content: item.info, children: _jsx("span", { className: 'oui-menu-info', "aria-label": copy.common.details, onPointerDown: (event) => {
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }, onClick: (event) => {
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }, children: _jsx(LuInfo, { size: 14 }) }) })) : null] }));
+}
+function useInlineSubmenus() {
+    const [inlineSubmenus, setInlineSubmenus] = useState(false);
+    const [openSubmenus, setOpenSubmenus] = useState(() => new Set());
+    useEffect(() => {
+        const media = window.matchMedia('(max-width: 640px), (pointer: coarse)');
+        const update = () => setInlineSubmenus(media.matches);
+        update();
+        media.addEventListener('change', update);
+        return () => media.removeEventListener('change', update);
+    }, []);
+    return {
+        inlineSubmenus,
+        openSubmenus,
+        toggle: (key) => {
+            setOpenSubmenus((current) => {
+                const next = new Set(current);
+                if (next.has(key))
+                    next.delete(key);
+                else
+                    next.add(key);
+                return next;
+            });
+        },
+        reset: () => setOpenSubmenus(new Set()),
+    };
+}
+function menuHasIcons(items) {
+    return items.some((item) => item.icon || (item.children && menuHasIcons(item.children)));
+}
+function menuItemText(item) {
+    return actionItemText(item.label);
+}

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

@@ -0,0 +1,29 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import type { ModalAnimation } from '../../theme/themeTypes';
+export type ModalProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    overlayColor?: string;
+    overlayOpacity?: number;
+    overlayBlur?: number | string;
+    borderColor?: string;
+    radius?: number | string;
+    shadow?: string;
+    animationDuration?: number | string;
+    animation?: ModalAnimation;
+    overlayClassName?: string;
+    overlayStyle?: CSSProperties;
+    className?: string;
+    contentClassName?: string;
+    bodyClassName?: string;
+    closeOnOverlayClick?: boolean;
+    testId?: string;
+};
+export declare function Modal({ open, onOpenChange, title, description, children, footer, maxWidth, minHeight, overlayColor, overlayOpacity, overlayBlur, borderColor, radius, shadow, animationDuration, animation, overlayClassName, overlayStyle, className, contentClassName, bodyClassName, closeOnOverlayClick, testId, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAU3D,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAClB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAA0B,EAC1B,MAAM,GACT,EAAE,UAAU,kDAiKZ"}