@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/MultiSelect/MultiSelect.types.d.ts

@@ -0,0 +1,362 @@
+import { MenuProps, MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
+import { OverlayTriggerProps } from '../OverlayTrigger';
+import { DropdownPlacement } from '../Dropdown/Dropdown.types';
+export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export declare type OptionItem = any;
+export interface OptionProps {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    suggested?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    value: OptionItem;
+}
+export interface OptionRendererProps extends OptionProps {
+    /**
+     * @since 10.19.0
+     */
+    getId: MultiSelectConfig['getId'];
+    /**
+     * @since 10.19.0
+     */
+    getLabel: MultiSelectConfig['getLabel'];
+    /**
+     * @since 10.19.0
+     */
+    qa: QaTags;
+}
+export interface GroupItem {
+    /**
+     * @since 10.19.0
+     */
+    id: string;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+}
+export interface GroupHeader extends GroupItem {
+    /**
+     * @since 10.19.0
+     */
+    isGroupHeader: boolean;
+}
+export interface MultiSelectConfig {
+    /**
+     * @since 10.19.0
+     */
+    getGroup: (option: OptionItem) => number | string;
+    /**
+     * @since 10.19.0
+     */
+    getId: (option: OptionItem) => number | string;
+    /**
+     * @since 10.19.0
+     */
+    getLabel: (option: OptionItem) => string;
+    /**
+     * @since 10.19.0
+     */
+    menuRef: React.RefObject<MenuRef>;
+    /**
+     * @since 10.19.0
+     */
+    onChange?: (value: OptionItem[], event?: Event) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSearch?: (e: ChangeEvent) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => void;
+    /**
+     * @since 10.19.0
+     */
+    optgroups?: GroupItem[];
+    /**
+     * @since 10.19.0
+     */
+    options: OptionItem[];
+    /**
+     * @since 10.19.0
+     */
+    value: OptionItem[];
+}
+export interface MultiSelectHook {
+    /**
+     * @since 10.19.0
+     */
+    ids: Set<number | string>;
+    /**
+     * @since 10.19.0
+     */
+    index: number | null;
+    /**
+     * @since 10.19.0
+     */
+    menuRef: React.RefObject<MenuRef>;
+    /**
+     * @since 10.19.0
+     */
+    options: (OptionItem | GroupHeader)[];
+    /**
+     * @since 10.19.0
+     */
+    search: string;
+    /**
+     * @since 10.19.0
+     */
+    clearToken: () => void;
+    /**
+     * @since 10.19.0
+     */
+    decrementToken: () => void;
+    /**
+     * @since 10.19.0
+     */
+    incrementToken: () => void;
+    /**
+     * @since 10.19.0
+     */
+    onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect: (selection: Selection) => void;
+    /**
+     * @since 10.19.0
+     */
+    removeToken: (index: number) => void;
+    /**
+     * @since 10.19.0
+     */
+    domHandlers: {
+        onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    };
+}
+export interface GroupedOptionsProps {
+    /**
+     * @since 10.19.0
+     */
+    multiselect: MultiSelectHook;
+    /**
+     * @since 10.19.0
+     */
+    groupHeaderRenderer: (group: GroupItem) => React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    optionRenderer: (option: OptionItem, props: OptionRendererProps) => React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    getId: MultiSelectConfig['getId'];
+    /**
+     * @since 10.19.0
+     */
+    getLabel: MultiSelectConfig['getLabel'];
+    /**
+     * @since 10.19.0
+     */
+    isOptionDisabled: (option: OptionItem) => boolean;
+    /**
+     * @since 10.19.0
+     */
+    qa: QaTags;
+}
+export interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    option?: (option: OptionItem) => string;
+    /**
+     * @since 10.19.0
+     */
+    token?: (option: OptionItem) => string;
+    /**
+     * @since 10.19.0
+     */
+    tokenClear?: (option: OptionItem) => string;
+}
+export interface TokenRendererProps {
+    /**
+     * @since 10.19.0
+     */
+    focused: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled: boolean;
+    /**
+     * @since 10.19.0
+     */
+    option: OptionItem;
+    /**
+     * @since 10.19.0
+     */
+    removeToken: () => void;
+    /**
+     * @since 10.19.0
+     */
+    getLabel: (opt: OptionItem) => React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    qa: QaTags;
+}
+export interface MultiSelectProps {
+    /**
+     * @since 10.19.0
+     */
+    afterHide?: OverlayTriggerProps['afterHide'];
+    /**
+     * @since 10.19.0
+     */
+    afterShow?: OverlayTriggerProps['afterShow'];
+    /**
+     * @since 10.19.0
+     */
+    beforeHide?: OverlayTriggerProps['beforeHide'];
+    /**
+     * @since 10.19.0
+     */
+    beforeShow?: OverlayTriggerProps['beforeShow'];
+    /**
+     * Callback for each entry in <Code>options</Code> to define relation to
+     * group in <Code>groups</Code>
+     * <CodeBlock>{'(option: OptionItem) => React.ReactNode'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getGroup?: MultiSelectConfig['getGroup'];
+    /**
+     * Callback for each entry in <Code>options</Code> for keying and
+     * optimizations
+     * <CodeBlock>{'(option: OptionItem) => number | string'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getId?: MultiSelectConfig['getId'];
+    /**
+     * Callback for each entry in <Code>options</Code> to generate the token
+     * label.
+     * <CodeBlock>{'(option: OptionItem) => string'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getLabel?: MultiSelectConfig['getLabel'];
+    /**
+     * Callback for when a user types into the multiselect input
+     <CodeBlock>{'(event: KeyboardEvent) => void'}</CodeBlock>
+     * @since 10.19.0
+     */
+    onSearch?: MultiSelectConfig['onSearch'];
+    /**
+     * Array of available option groups
+     */
+    optgroups?: MultiSelectConfig['optgroups'];
+    /**
+     * Array of available options
+     * @since 10.19.0
+     */
+    options?: MultiSelectConfig['options'];
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom?: MenuProps['onScrollBottom'];
+    /**
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isOptionDisabled?: (option: OptionItem) => boolean;
+    /**
+     * @since 10.19.0
+     */
+    emptyMessage?: string;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * Callback for rendering header for each entry in <Code>groups</Code>
+     * <CodeBlock>{'(group: GroupItem) => React.ReactNode'}</CodeBlock>
+     * @since 10.19.0
+     */
+    groupHeaderRenderer?: (group: GroupItem) => React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onBlur?: React.SelectHTMLAttributes<HTMLDivElement>['onBlur'];
+    /**
+     * @since 10.19.0
+     */
+    onChange?: (value: OptionItem[], event?: Event) => void;
+    /**
+     * @since 10.19.0
+     */
+    onFocus?: React.SelectHTMLAttributes<HTMLDivElement>['onFocus'];
+    /**
+     * @since 10.19.0
+     */
+    optionRenderer?: (option: OptionItem) => React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    placeholder?: string;
+    /**
+     * @since 10.19.0
+     */
+    placement?: DropdownPlacement;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * Callback for rendering each selected value
+     * <CodeBlock>
+     *  {'(props: TokenRendererProps) => React.ReactNode'}
+     * </CodeBlock>
+     * @since 10.19.0
+     */
+    tokenRenderer?: (props: TokenRendererProps) => React.ReactNode;
+    /**
+     * Array of the currently selected values
+     * @since 10.19.0
+     */
+    value?: OptionItem[];
+}

package/dist/esm/components/MultiSelect/MultiSelect.types.js

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

package/dist/esm/components/MultiSelect/MultiSelect.types.js.map

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

package/dist/esm/components/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default, MultiSelect, Option } from './MultiSelect';
+export * from './MultiSelect.types';

package/dist/esm/components/MultiSelect/index.js

@@ -0,0 +1,3 @@
+export { default, MultiSelect, Option } from './MultiSelect';
+export * from './MultiSelect.types';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC5D,cAAc,qBAAqB,CAAA"}

package/dist/esm/components/Notation/Notation.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SpanAttributes } from '../../utils/types';
+import { NotationProps } from './Notation.types';
+/**
+ * @deprecated Please use `<Typography italic />` component for plain text
+ * notations or the `<Required />` component for required notations. `Notation`
+ * will be removed in a future version.
+ *
+ *  @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-notation--basic-props)
+ */
+export declare const Notation: React.ForwardRefExoticComponent<SpanAttributes & NotationProps & React.RefAttributes<HTMLSpanElement>>;
+export default Notation;

package/dist/esm/components/Notation/Notation.js

@@ -0,0 +1,64 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import styled from 'styled-components';
+import { useDeprecation } from '../../effects/Deprecation';
+import { colors } from '../../styles/colors';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+var variantColorMap = {
+    required: 'orange50',
+    error: 'red50',
+    pagination: 'gray45',
+};
+var StyledNotation = styled.i(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-style: italic;\n"], ["\n  ", "\n  color: ", ";\n  font-style: italic;\n"
+    /**
+     * @deprecated Please use `<Typography italic />` component for plain text
+     * notations or the `<Required />` component for required notations. `Notation`
+     * will be removed in a future version.
+     *
+     *  @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-notation--basic-props)
+     */
+])), getTypographyIntent('small'), function (_a) {
+    var variant = _a.variant;
+    return variant ? colors[variantColorMap[variant]] : colors.gray15;
+});
+/**
+ * @deprecated Please use `<Typography italic />` component for plain text
+ * notations or the `<Required />` component for required notations. `Notation`
+ * will be removed in a future version.
+ *
+ *  @see [Storybook](https://procore.github.io/core/latest/?path=/story/coverage-notation--basic-props)
+ */
+export var Notation = React.forwardRef(function Notation(_a, ref) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? '' : _b, props = __rest(_a, ["children", "variant"]);
+    useDeprecation({ oldThing: 'Notation', newThing: 'Typography or Required' });
+    return (React.createElement(StyledNotation, __assign({}, props, { variant: variant, ref: ref }), children));
+});
+Notation.displayName = 'Notation';
+export default Notation;
+var templateObject_1;
+//# sourceMappingURL=Notation.js.map

package/dist/esm/components/Notation/Notation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notation.js","sourceRoot":"","sources":["../../../../src/components/Notation/Notation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,IAAM,eAAe,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,QAAQ;CACZ,CAAA;AAEV,IAAM,cAAc,GAAG,MAAM,CAAC,CAAC,sHAAe,MAC1C,EAA4B,aACrB,EACmD,4BAE7D;IACD;;;;;;OAMG;KAXC,mBAAmB,CAAC,OAAO,CAAC,EACrB,UAAC,EAAW;QAAT,OAAO,aAAA;IACjB,OAAA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;AAA1D,CAA0D,CAE7D,CAAA;AACD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,SAAS,QAAQ,CAAC,EAAoC,EAAE,GAAG;IAAvC,IAAA,QAAQ,cAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAlC,uBAAoC,CAAF;IACpD,cAAc,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,CAAA;IAE5E,OAAO,CACL,oBAAC,cAAc,eAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAClD,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/dist/esm/components/Notation/Notation.types.d.ts

@@ -0,0 +1,16 @@
+import { Props } from '../../utils/types';
+export declare const notationVariant: {
+    readonly error: "error";
+    readonly none: "";
+    readonly pagination: "pagination";
+    readonly required: "required";
+};
+declare type NotationVariant = typeof notationVariant[keyof typeof notationVariant];
+export interface NotationProps extends Props {
+    /**
+     * The notation color variant
+     * @since 10.19.0
+     */
+    variant?: NotationVariant;
+}
+export {};

package/dist/esm/components/Notation/Notation.types.js

@@ -0,0 +1,7 @@
+export var notationVariant = {
+    error: 'error',
+    none: '',
+    pagination: 'pagination',
+    required: 'required',
+};
+//# sourceMappingURL=Notation.types.js.map

package/dist/esm/components/Notation/Notation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notation.types.js","sourceRoot":"","sources":["../../../../src/components/Notation/Notation.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAA"}

package/dist/esm/components/Notation/index.d.ts

@@ -0,0 +1,2 @@
+export { Notation as default, Notation } from './Notation';
+export { NotationProps } from './Notation.types';

package/dist/esm/components/Notation/index.js

@@ -0,0 +1,2 @@
+export { Notation as default, Notation } from './Notation';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Notation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/esm/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { NumberInputProps } from './NumberInput.types';
+/**
+
+ The number input allows users to add numbers to a given form or table.
+ The currency input will be used for data with a monetary value.
+ Both components allow characters 0-9, periods, and commas. In order to avoid
+ the loss of precision, the number length is limited by 15 digits.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-numberinput--demo-number-input)
+
+ @see [Design Guidelines](https://design.procore.com/number-and-currency-input)
+
+ */
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const defaultCurrencyDecimalScale = 2;
+export declare const defaultCurrencyFillDecimalScale: "onBlur";
+export declare const defaultCurrencyInputPrefix = "$";
+export declare const CurrencyInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/NumberInput/NumberInput.hooks.d.ts

@@ -0,0 +1,21 @@
+import { InputValue, UseNumberFormatConfig } from './NumberInput.types';
+export declare function usePrevious<T>(value: T): T;
+export declare function useNumberFormat({ decimalScale: _decimalScale, fillDecimalScale, locale: _locale, }: UseNumberFormatConfig): {
+    formatValue: (value: InputValue) => string;
+    getValueLengthInfo: (value: InputValue, isNumericString?: any) => {
+        length: number;
+        safeLength: number;
+        isSafeLength: boolean;
+        safelyTruncatedValue: string;
+        integerLength: number;
+        safeIntegerLength: number;
+        isSafeIntegerLength: boolean;
+        fractionLength: number;
+        safeFractionLength: number;
+        isSafeFractionLength: boolean;
+    };
+    locale: string[];
+    fixedDecimalScale: boolean;
+    fillDecimalScaleOnBlur: boolean;
+    decimalScale: number;
+};

package/dist/esm/components/NumberInput/NumberInput.hooks.js

@@ -0,0 +1,44 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { fillDecimalScaleVariant, } from './NumberInput.types';
+import { defaultLocale, verifyDecimalScale, getLengthInfo, format, } from './NumberInput.utils';
+export function usePrevious(value) {
+    var ref = React.useRef();
+    React.useEffect(function () {
+        ref.current = value;
+    });
+    return ref.current;
+}
+export function useNumberFormat(_a) {
+    var _b = _a.decimalScale, _decimalScale = _b === void 0 ? true : _b, _c = _a.fillDecimalScale, fillDecimalScale = _c === void 0 ? fillDecimalScaleVariant.none : _c, _d = _a.locale, _locale = _d === void 0 ? defaultLocale : _d;
+    var locale = React.useMemo(function () { return __spreadArray(__spreadArray([], (Array.isArray(_locale) ? _locale : [_locale]), true), [defaultLocale], false); }, [_locale]);
+    var _e = React.useMemo(function () { return ({
+        fixedDecimalScale: fillDecimalScale === fillDecimalScaleVariant.always,
+        fillDecimalScaleOnBlur: fillDecimalScale === fillDecimalScaleVariant.onBlur,
+    }); }, [fillDecimalScale]), fixedDecimalScale = _e.fixedDecimalScale, fillDecimalScaleOnBlur = _e.fillDecimalScaleOnBlur;
+    var decimalScale = React.useMemo(function () { return verifyDecimalScale(_decimalScale); }, [_decimalScale]);
+    var formatValue = React.useCallback(function (value) {
+        return format(locale, decimalScale, fillDecimalScale, Number(value) || value);
+    }, [locale, decimalScale, fillDecimalScale]);
+    var getValueLengthInfo = React.useCallback(function (value, isNumericString) {
+        if (isNumericString === void 0) { isNumericString = false; }
+        return getLengthInfo(locale, value, decimalScale, fillDecimalScale, isNumericString);
+    }, [locale, decimalScale, fillDecimalScale]);
+    return {
+        formatValue: formatValue,
+        getValueLengthInfo: getValueLengthInfo,
+        locale: locale,
+        fixedDecimalScale: fixedDecimalScale,
+        fillDecimalScaleOnBlur: fillDecimalScaleOnBlur,
+        decimalScale: decimalScale,
+    };
+}
+//# sourceMappingURL=NumberInput.hooks.js.map

package/dist/esm/components/NumberInput/NumberInput.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.hooks.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.hooks.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,GAGxB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,MAAM,GACP,MAAM,qBAAqB,CAAA;AAE5B,MAAM,UAAU,WAAW,CAAI,KAAQ;IACrC,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAK,CAAA;IAC7B,KAAK,CAAC,SAAS,CAAC;QACd,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAY,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAIR;QAHtB,oBAAkC,EAApB,aAAa,mBAAG,IAAI,KAAA,EAClC,wBAA+C,EAA/C,gBAAgB,mBAAG,uBAAuB,CAAC,IAAI,KAAA,EAC/C,cAA+B,EAAvB,OAAO,mBAAG,aAAa,KAAA;IAE/B,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,cAAM,uCAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,UAAE,aAAa,WAAjE,CAAkE,EACxE,CAAC,OAAO,CAAC,CACV,CAAA;IAEK,IAAA,KAAgD,KAAK,CAAC,OAAO,CACjE,cAAM,OAAA,CAAC;QACL,iBAAiB,EAAE,gBAAgB,KAAK,uBAAuB,CAAC,MAAM;QACtE,sBAAsB,EACpB,gBAAgB,KAAK,uBAAuB,CAAC,MAAM;KACtD,CAAC,EAJI,CAIJ,EACF,CAAC,gBAAgB,CAAC,CACnB,EAPO,iBAAiB,uBAAA,EAAE,sBAAsB,4BAOhD,CAAA;IAED,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,cAAM,OAAA,kBAAkB,CAAC,aAAa,CAAC,EAAjC,CAAiC,EACvC,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,UAAC,KAAiB;QAChB,OAAA,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IAAtE,CAAsE,EACxE,CAAC,MAAM,EAAE,YAAY,EAAE,gBAAgB,CAAC,CACzC,CAAA;IAED,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,UAAC,KAAiB,EAAE,eAAuB;QAAvB,gCAAA,EAAA,uBAAuB;QACzC,OAAA,aAAa,CACX,MAAM,EACN,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,eAAe,CAChB;IAND,CAMC,EACH,CAAC,MAAM,EAAE,YAAY,EAAE,gBAAgB,CAAC,CACzC,CAAA;IAED,OAAO;QACL,WAAW,aAAA;QACX,kBAAkB,oBAAA;QAClB,MAAM,QAAA;QACN,iBAAiB,mBAAA;QACjB,sBAAsB,wBAAA;QACtB,YAAY,cAAA;KACb,CAAA;AACH,CAAC"}