@homebound/beam 2.378.1 → 2.379.1

package/dist/inputs/SwitchGroup.d.ts

@@ -1,21 +0,0 @@
-type GroupItem = {
-    label: string;
-    value: string;
-};
-export interface SwitchGroupProps {
-    /** Whether to render a compact version of SwitchGroup */
-    compact?: boolean;
-    /** Group label */
-    label: string;
-    /** Handler when a child Switch component is toggled. */
-    onChange: (value: string[]) => void;
-    /** List of switch options */
-    options: GroupItem[];
-    /** Currently selected values. */
-    values: string[];
-    /** Whether to render the icon version of SwitchGroup */
-    withIcon?: boolean;
-}
-export declare function SwitchGroup(props: SwitchGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SwitchGroup.d.ts.map

package/dist/inputs/SwitchGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/SwitchGroup.tsx"],"names":[],"mappings":"AAKA,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,6BAA6B;IAC7B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,iCAAiC;IACjC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDA0BlD"}

package/dist/inputs/SwitchGroup.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchGroup = SwitchGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-const Switch_1 = require("./Switch");
-/*
- * FIXME: @KoltonG keyboard arrow navigation is not working. May need to implement
- * FocusScope due to lack of handling in useCheckboxGroup vs useRadioButtonGroup
- * Actually, maybe I am not crazy... useRadioButtonGroup has actual code to
- * handle keyboard navigation https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/radio/src/useRadioGroup.ts where as useCheckboxGroup does not https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/checkbox/src/useCheckboxGroup.ts
- * Maybe that is why we can't get UP and DOWN arrows to move nicely...
- * This is a great example on doing that https://react-spectrum.adobe.com/react-aria/FocusScope.html#usefocusmanager-example so lets make a wrapper to make it easier for others!
- */
-function SwitchGroup(props) {
-    const { compact, label, onChange, options, values, withIcon } = props;
-    const groupState = (0, utils_1.toGroupState)(values, onChange);
-    const { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)({ ...props, "aria-label": label }, groupState);
-    const { isSelected, addValue, removeValue } = groupState;
-    return ((0, jsx_runtime_1.jsxs)("fieldset", { ...groupProps, children: [(0, jsx_runtime_1.jsx)("legend", { ...labelProps, css: Css_1.Css.sm.gray500.mb1.$, children: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.fdc.gap2.$, children: options.map(({ label, value }) => ((0, jsx_runtime_1.jsx)(Switch_1.Switch, { compact: compact, label: label, onChange: (isSelected) => (isSelected ? addValue(value) : removeValue(value)), selected: isSelected(value), withIcon: withIcon }, value))) })] }));
-}

package/dist/inputs/TextAreaField.d.ts

@@ -1,9 +0,0 @@
-import { Only } from "../Css";
-import { BeamTextFieldProps, TextFieldXss } from "../interfaces";
-export interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
-    preventNewLines?: boolean;
-    onEnter?: VoidFunction;
-}
-/** Returns a <textarea /> element that auto-adjusts height based on the field's value */
-export declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TextAreaField.d.ts.map

package/dist/inputs/TextAreaField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../src/inputs/TextAreaField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,eAAgB;AAG/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,sBAAuB;AAIlE,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAElE,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,yFAAyF;AACzF,wBAAgB,aAAa,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAwD1F"}

package/dist/inputs/TextAreaField.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextAreaField = TextAreaField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const components_1 = require("../components");
-const useGrowingTextField_1 = require("./hooks/useGrowingTextField");
-const TextFieldBase_1 = require("./TextFieldBase");
-const utils_1 = require("../utils");
-/** Returns a <textarea /> element that auto-adjusts height based on the field's value */
-function TextAreaField(props) {
-    const { value = "", disabled = false, readOnly = false, onBlur, onFocus, preventNewLines, onEnter, ...otherProps } = props;
-    const isDisabled = !!disabled;
-    const isReadOnly = !!readOnly;
-    const textFieldProps = { ...otherProps, value, isDisabled, isReadOnly };
-    const inputRef = (0, react_1.useRef)(null);
-    const inputWrapRef = (0, react_1.useRef)(null);
-    (0, useGrowingTextField_1.useGrowingTextField)({ inputRef, inputWrapRef, value });
-    const { labelProps, inputProps } = (0, react_aria_1.useTextField)({
-        ...textFieldProps,
-        inputElementType: "textarea",
-        ...(preventNewLines
-            ? {
-                onKeyDown: (e) => {
-                    // Prevent user from typing the new line character
-                    if (e.key === "Enter") {
-                        e.preventDefault();
-                        (0, utils_1.maybeCall)(onEnter);
-                        inputRef.current?.blur();
-                    }
-                },
-                onInput: (e) => {
-                    // Prevent user from pasting content that has new line characters and replace with empty space.
-                    const target = e.target;
-                    target.value = target.value.replace(/[\n\r]/g, " ");
-                },
-            }
-            : {}),
-    }, inputRef);
-    return ((0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { ...(0, react_aria_1.mergeProps)(otherProps, { onBlur, onFocus }), multiline: true, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, inputWrapRef: inputWrapRef, textAreaMinHeight: preventNewLines ? 0 : undefined, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly) }));
-}

package/dist/inputs/TextField.d.ts

@@ -1,29 +0,0 @@
-import { MutableRefObject, ReactNode } from "react";
-import { Only } from "../Css";
-import { BeamTextFieldProps, TextFieldXss } from "../interfaces";
-export interface TextFieldProps<X> extends BeamTextFieldProps<X> {
-    compact?: boolean;
-    clearable?: boolean;
-    api?: MutableRefObject<TextFieldApi | undefined>;
-    onEnter?: VoidFunction;
-    /**
-     * Allows a TextField to opt-in to bubbling up the escape key event to its parent.
-     *
-     * Usually this is a bad idea, because escape-in-a-modal might lose the user's WIP (without
-     * sufficient "are you sure" checking), and so instead we let callers opt-in to this.
-     *
-     * Note that react-aria's `useSearchField` / `useComboBox` seems to have this built-in:
-     * https://github.com/adobe/react-spectrum/issues/5480
-     */
-    onEscapeBubble?: boolean;
-    endAdornment?: ReactNode;
-    startAdornment?: ReactNode;
-    hideErrorMessage?: boolean;
-    /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
-    selectOnFocus?: boolean;
-}
-export declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export type TextFieldApi = {
-    focus: VoidFunction;
-};
-//# sourceMappingURL=TextField.d.ts.map

package/dist/inputs/TextField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/inputs/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,IAAI,EAAE,eAAgB;AAE/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,sBAAuB;AAIlE,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,oDA8DlF;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC"}

package/dist/inputs/TextField.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextField = TextField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const components_1 = require("../components");
-const TextFieldBase_1 = require("./TextFieldBase");
-const utils_1 = require("../utils");
-function TextField(props) {
-    const { disabled = false, readOnly = false, required, errorMsg, value = "", onBlur, onFocus, api, onEnter, onEscapeBubble, hideErrorMessage, ...otherProps } = props;
-    const isDisabled = !!disabled;
-    const isReadOnly = !!readOnly;
-    const textFieldProps = {
-        ...otherProps,
-        isDisabled,
-        isReadOnly,
-        isRequired: required,
-        validationState: errorMsg ? "invalid" : "valid",
-        value,
-    };
-    const inputRef = (0, react_1.useRef)(null);
-    const { labelProps, inputProps } = (0, react_aria_1.useTextField)({
-        ...textFieldProps,
-        onKeyDown: (e) => {
-            if (e.key === "Enter") {
-                (0, utils_1.maybeCall)(onEnter);
-                inputRef.current?.blur();
-            }
-            else if (e.key === "Escape" && onEscapeBubble) {
-                // Allow closing modals from within text fields...
-                e.continuePropagation();
-            }
-        },
-    }, inputRef);
-    // Construct our TextFieldApi to give access to some imperative methods
-    if (api) {
-        api.current = {
-            focus: () => inputRef.current && inputRef.current.focus(),
-        };
-    }
-    return ((0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, { ...(0, react_aria_1.mergeProps)(textFieldProps, { onBlur, onFocus }), errorMsg: errorMsg, required: required, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), hideErrorMessage: hideErrorMessage }));
-}

package/dist/inputs/TextFieldBase.d.ts

@@ -1,25 +0,0 @@
-import type { NumberFieldAria } from "@react-aria/numberfield";
-import { InputHTMLAttributes, LabelHTMLAttributes, MutableRefObject, ReactNode, TextareaHTMLAttributes } from "react";
-import { Only } from "../Css";
-import { BeamTextFieldProps, TextFieldXss } from "../interfaces";
-export interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette">, Partial<Pick<BeamTextFieldProps<X>, "onChange">> {
-    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
-    inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;
-    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
-    inputWrapRef?: MutableRefObject<HTMLDivElement | null>;
-    multiline?: boolean;
-    groupProps?: NumberFieldAria["groupProps"];
-    endAdornment?: ReactNode;
-    startAdornment?: ReactNode;
-    contrast?: boolean;
-    clearable?: boolean;
-    textAreaMinHeight?: number;
-    tooltip?: ReactNode;
-    hideErrorMessage?: boolean;
-    alwaysShowHelperText?: boolean;
-    unfocusedPlaceholder?: ReactNode;
-    /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
-    selectOnFocus?: boolean;
-}
-export declare function TextFieldBase<X extends Only<TextFieldXss, X>>(props: TextFieldBaseProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TextFieldBase.d.ts.map

package/dist/inputs/TextFieldBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldBase.d.ts","sourceRoot":"","sources":["../../src/inputs/TextFieldBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAc,EAGZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,sBAAsB,EAEvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAO,IAAI,EAAW,eAAgB;AAK7C,OAAO,EAAE,kBAAkB,EAA0B,YAAY,EAAE,sBAAuB;AAI1F,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,IAAI,CACR,kBAAkB,CAAC,CAAC,CAAC,EACnB,OAAO,GACP,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,SAAS,GACT,YAAY,GACZ,eAAe,GACf,kBAAkB,GAClB,WAAW,GACX,KAAK,GACL,mBAAmB,CACtB,EACD,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACnD,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;IAChG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDAgT1F"}

package/dist/inputs/TextFieldBase.js

@@ -1,193 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextFieldBase = TextFieldBase;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const components_1 = require("../components");
-const HelperText_1 = require("../components/HelperText");
-const Label_1 = require("../components/Label");
-const PresentationContext_1 = require("../components/PresentationContext");
-const Row_1 = require("../components/Table/components/Row");
-const Css_1 = require("../Css");
-const labelUtils_1 = require("../forms/labelUtils");
-const useGetRef_1 = require("../hooks/useGetRef");
-const ErrorMessage_1 = require("./ErrorMessage");
-const utils_1 = require("./utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-const useTestIds_1 = require("../utils/useTestIds");
-// Used by both TextField and TextArea
-function TextFieldBase(props) {
-    const { fieldProps, wrap = false } = (0, PresentationContext_1.usePresentationContext)();
-    const { labelLeftFieldWidth = "50%" } = fieldProps ?? {};
-    const { label, required, labelProps, inputProps, inputRef, inputWrapRef, groupProps, compact = fieldProps?.compact ?? false, errorMsg, helperText, multiline = false, onChange, onBlur, onFocus, xss, endAdornment, startAdornment, labelStyle = fieldProps?.labelStyle ?? "above", contrast = false, borderless = fieldProps?.borderless ?? false, borderOnHover = fieldProps?.borderOnHover ?? false, textAreaMinHeight = 96, clearable = false, tooltip, visuallyDisabled = fieldProps?.visuallyDisabled ?? true, errorInTooltip = fieldProps?.errorInTooltip ?? false, hideErrorMessage = false, alwaysShowHelperText = false, fullWidth = fieldProps?.fullWidth ?? false, unfocusedPlaceholder, selectOnFocus = true, inputStylePalette, } = props;
-    const typeScale = fieldProps?.typeScale ?? (inputProps.readOnly && labelStyle !== "hidden" ? "smMd" : "sm");
-    const internalProps = props.internalProps || {};
-    const { compound = false, forceFocus = false, forceHover = false } = internalProps;
-    const errorMessageId = `${inputProps.id}-error`;
-    const labelSuffix = (0, labelUtils_1.getLabelSuffix)(required);
-    const ElementType = multiline ? "textarea" : "input";
-    const tid = (0, useTestIds_1.useTestIds)(props, (0, defaultTestId_1.defaultTestId)(label));
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({});
-    const { focusWithinProps } = (0, react_aria_1.useFocusWithin)({ onFocusWithinChange: setIsFocused });
-    const fieldRef = (0, useGetRef_1.useGetRef)(inputRef);
-    const maybeSmaller = compound ? 2 : 0;
-    const fieldHeight = 40;
-    const compactFieldHeight = 32;
-    const [bgColor, hoverBgColor, disabledBgColor] = inputStylePalette
-        ? getInputStylePalette(inputStylePalette)
-        : contrast
-            ? [Css_1.Palette.Gray700, Css_1.Palette.Gray600, Css_1.Palette.Gray700]
-            : borderOnHover
-                ? // Use transparent backgrounds to blend with the table row hover color
-                    [Css_1.Palette.Transparent, Css_1.Palette.Blue100, Css_1.Palette.Gray100]
-                : borderless && !compound
-                    ? [Css_1.Palette.Gray100, Css_1.Palette.Gray200, Css_1.Palette.Gray200]
-                    : [Css_1.Palette.White, Css_1.Palette.Gray100, Css_1.Palette.Gray100];
-    const fieldMaxWidth = (0, utils_1.getFieldWidth)(fullWidth);
-    const fieldStyles = {
-        container: Css_1.Css.df.fdc.w100.maxw(fieldMaxWidth).relative.if(labelStyle === "left").maxw100.fdr.gap2.jcsb.aic.$,
-        inputWrapper: {
-            ...Css_1.Css[typeScale].df.aic.br4.px1.w100
-                .bgColor(bgColor)
-                .gray900.if(contrast && !inputStylePalette)
-                .white.if(labelStyle === "left")
-                .w(labelLeftFieldWidth).$,
-            // When borderless then perceived vertical alignments are misaligned. As there is no longer a border, then the field looks oddly indented.
-            // This typically happens in tables when a column has a mix of static text (i.e. "roll up" rows and table headers) and input fields.
-            // To remedy this perceived misalignment then we increase the width by the horizontal padding applied (16px), and set a negative margin left margin to re-center the field.
-            // Note: Do not modify width and position of 'compound' fields.
-            ...(borderless && !compound
-                ? Css_1.Css.bcTransparent.w("calc(100% + 16px)").ml(-1).$
-                : Css_1.Css.bcGray300.if(contrast).bcGray700.$),
-            // Do not add borders to compound fields. A compound field is responsible for drawing its own borders
-            ...(!compound ? Css_1.Css.ba.$ : {}),
-            ...(borderOnHover && Css_1.Css.br4.ba.bcTransparent.add("transition", "border-color 200ms").$),
-            ...(borderOnHover && Css_1.Css.if(isHovered).bgColor(hoverBgColor).ba.bcBlue300.$),
-            ...{
-                // Highlight the field when hovering over the row in a table, unless some other edit component (including ourselves) is hovered
-                [`.${Row_1.BorderHoverParent}:hover:not(:has(.${Row_1.BorderHoverChild}:hover)) &`]: Css_1.Css.ba.bcBlue300.$,
-            },
-            // When multiline is true, then we want to allow the field to grow to the height of the content, but not shrink below the minHeight
-            // Otherwise, set fixed heights values accordingly.
-            ...(multiline
-                ? Css_1.Css.mhPx(fieldHeight - maybeSmaller)
-                    .if(compact)
-                    .mhPx(compactFieldHeight - maybeSmaller).$
-                : Css_1.Css.hPx(fieldHeight - maybeSmaller)
-                    .if(compact)
-                    .hPx(compactFieldHeight - maybeSmaller).$),
-        },
-        inputWrapperReadOnly: {
-            ...Css_1.Css[typeScale].df.aic.w100.gray900
-                .if(contrast && !inputStylePalette)
-                .white.if(labelStyle === "left")
-                .w(labelLeftFieldWidth).$,
-            // If we are hiding the label, then we are typically in a table. Keep the `mh` in this case to ensure editable and non-editable fields in a single table row line up properly
-            ...(labelStyle === "hidden" &&
-                Css_1.Css.mhPx(fieldHeight - maybeSmaller)
-                    .if(compact)
-                    .mhPx(compactFieldHeight - maybeSmaller).$),
-        },
-        input: {
-            ...Css_1.Css.w100.mw0.outline0.fg1.bgColor(bgColor).$,
-            // Not using Truss's inline `if` statement here because `addIn` properties do not respect the if statement.
-            ...(contrast && !inputStylePalette && Css_1.Css.addIn("&::selection", Css_1.Css.bgGray800.$).$),
-            // Make the background transparent when highlighting the field on hover
-            ...(borderOnHover && Css_1.Css.bgTransparent.$),
-            // For "multiline" fields we add top and bottom padding of 7px for compact, or 11px for non-compact, to properly match the height of the single line fields
-            ...(multiline ? Css_1.Css.br4.pyPx(compact ? 7 : 11).add("resize", "none").$ : Css_1.Css.truncate.$),
-        },
-        hover: Css_1.Css.bgColor(hoverBgColor).if(contrast).bcGray600.$,
-        focus: Css_1.Css.bcBlue700.if(contrast).bcBlue500.if(borderOnHover).bgColor(hoverBgColor).bcBlue500.$,
-        disabled: visuallyDisabled
-            ? Css_1.Css.cursorNotAllowed.gray600.bgColor(disabledBgColor).if(contrast).gray500.$
-            : Css_1.Css.cursorNotAllowed.$,
-        error: Css_1.Css.bcRed600.if(contrast).bcRed400.$,
-    };
-    // Watch for each WIP change, convert empty to undefined, and call the user's onChange
-    function onDomChange(e) {
-        if (onChange) {
-            let value = e.target.value;
-            if (value === "") {
-                value = undefined;
-            }
-            onChange(value);
-        }
-    }
-    const onFocusChained = (0, react_aria_1.chain)((e) => {
-        if (selectOnFocus)
-            e.target.select();
-    }, onFocus);
-    // Simulate clicking `ElementType` when using an unfocused placeholder
-    function handleUnfocusedPlaceholderClick(e) {
-        e.stopPropagation();
-        fieldRef.current?.click();
-    }
-    const showFocus = (isFocused && !inputProps.readOnly) || forceFocus;
-    const showHover = (isHovered && !inputProps.disabled && !inputProps.readOnly && !isFocused) || forceHover;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { css: fieldStyles.container, ...groupProps, ...focusWithinProps, children: [label && labelStyle !== "inline" && ((0, jsx_runtime_1.jsx)(Label_1.Label, { labelProps: labelProps, hidden: labelStyle === "hidden" || compound, label: label, inline: labelStyle !== "above", suffix: labelSuffix, contrast: contrast, ...tid.label })), (0, components_1.maybeTooltip)({
-                        title: tooltip,
-                        placement: "top",
-                        children: inputProps.readOnly ? ((0, jsx_runtime_1.jsxs)("div", { css: {
-                                // Use input wrapper to get common styles, but then we need to override some
-                                ...fieldStyles.inputWrapperReadOnly,
-                                ...(multiline ? Css_1.Css.fdc.aifs.gap2.$ : Css_1.Css.if(wrap === false).truncate.$),
-                                ...xss,
-                            }, className: Row_1.BorderHoverChild, "data-readonly": "true", ...tid, children: [labelStyle === "inline" && label && ((0, jsx_runtime_1.jsx)(Label_1.InlineLabel, { multiline: multiline, labelProps: labelProps, label: label, ...tid.label })), multiline
-                                    ? inputProps.value?.split("\n\n").map((p, i) => ((0, jsx_runtime_1.jsx)("p", { css: Css_1.Css.py1.$, children: p.split("\n").map((sentence, j) => ((0, jsx_runtime_1.jsxs)("span", { children: [sentence, (0, jsx_runtime_1.jsx)("br", {})] }, j))) }, i)))
-                                    : inputProps.value] })) : ((0, jsx_runtime_1.jsxs)("div", { css: {
-                                ...fieldStyles.inputWrapper,
-                                ...(inputProps.disabled ? fieldStyles.disabled : {}),
-                                ...(showFocus ? fieldStyles.focus : {}),
-                                ...(showHover ? fieldStyles.hover : {}),
-                                // Only show error styles if the field is not disabled, following the pattern that the error message is also hidden
-                                ...(errorMsg && !inputProps.disabled ? fieldStyles.error : {}),
-                                ...Css_1.Css.if(multiline).aifs.oh.mhPx(textAreaMinHeight).$,
-                            }, 
-                            // Class name used for the grid table on row hover for highlighting
-                            className: Row_1.BorderHoverChild, ...hoverProps, ref: inputWrapRef, onClick: unfocusedPlaceholder ? handleUnfocusedPlaceholderClick : undefined, children: [labelStyle === "inline" && label && ((0, jsx_runtime_1.jsx)(Label_1.InlineLabel, { multiline: multiline, labelProps: labelProps, label: label, ...tid.label })), startAdornment && (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.df.aic.asc.fs0.br4.pr1.$, children: startAdornment }), unfocusedPlaceholder && ((0, jsx_runtime_1.jsx)("div", { 
-                                    // Setting -1 tabIndex as this is a scrollable container, which is focusable by default.
-                                    // However, we want the user's focus to move to the field element, which will hide this container.
-                                    tabIndex: -1, ...tid.unfocusedPlaceholderContainer, css: {
-                                        ...Css_1.Css.df.asc.w100.maxhPx(74).oa.$,
-                                        ...fieldStyles.input,
-                                        ...(showHover ? fieldStyles.hover : {}),
-                                        ...(inputProps.disabled ? fieldStyles.disabled : {}),
-                                        ...(isFocused && Css_1.Css.visuallyHidden.$),
-                                    }, children: unfocusedPlaceholder })), (0, jsx_runtime_1.jsx)(ElementType, { ...(0, react_aria_1.mergeProps)(inputProps, { onBlur, onFocus: onFocusChained, onChange: onDomChange }, { "aria-invalid": Boolean(errorMsg), ...(labelStyle === "hidden" ? { "aria-label": label } : {}) }), ...(errorMsg ? { "aria-errormessage": errorMessageId } : {}), ref: fieldRef, rows: multiline ? 1 : undefined, css: {
-                                        ...fieldStyles.input,
-                                        ...(inputProps.disabled ? fieldStyles.disabled : {}),
-                                        ...(showHover ? fieldStyles.hover : {}),
-                                        ...(unfocusedPlaceholder && !isFocused && Css_1.Css.visuallyHidden.$),
-                                        ...xss,
-                                    }, ...tid }), isFocused && clearable && onChange && inputProps.value && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "xCircle", color: Css_1.Palette.Gray700, onClick: () => {
-                                        onChange(undefined);
-                                        // Reset focus to input element
-                                        fieldRef.current?.focus();
-                                    } })), errorInTooltip && errorMsg && !hideErrorMessage && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.df.aic.asc.pl1.fs0.$, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "error", color: Css_1.Palette.Red600, tooltip: errorMsg }) })), endAdornment && (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.df.aic.asc.pl1.fs0.$, children: endAdornment })] })),
-                    }), labelStyle !== "left" &&
-                        (alwaysShowHelperText || (!compound && !inputProps.disabled && !inputProps.readOnly)) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [errorMsg && !errorInTooltip && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMsg: errorMsg, hidden: hideErrorMessage, ...tid.errorMsg })), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }))] }), labelStyle === "left" &&
-                (alwaysShowHelperText ||
-                    (!compound &&
-                        !inputProps.disabled &&
-                        !inputProps.readOnly &&
-                        ((errorMsg && !errorInTooltip) || helperText))) && (
-            // Reduces the margin between the error/helper text and input field
-            (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.mtPx(-8).$, children: [errorMsg && !errorInTooltip && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMsg: errorMsg, hidden: hideErrorMessage, ...tid.errorMsg })), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }))] }));
-}
-function getInputStylePalette(inputStylePalette) {
-    switch (inputStylePalette) {
-        case "success":
-            return [Css_1.Palette.Green50, Css_1.Palette.Green100, Css_1.Palette.Green50];
-        case "caution":
-            return [Css_1.Palette.Yellow50, Css_1.Palette.Yellow100, Css_1.Palette.Yellow50];
-        case "warning":
-            return [Css_1.Palette.Red50, Css_1.Palette.Red100, Css_1.Palette.Red50];
-        case "info":
-            return [Css_1.Palette.Blue50, Css_1.Palette.Blue100, Css_1.Palette.Blue50];
-        default:
-            return [Css_1.Palette.White, Css_1.Palette.Gray100, Css_1.Palette.Gray100];
-    }
-}

package/dist/inputs/ToggleButton.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-import { IconKey } from "../components";
-export interface ToggleButtonProps {
-    /** Input label */
-    label: string;
-    selected?: boolean;
-    onChange: ((selected: boolean) => void) | ((selected: boolean) => Promise<void>);
-    autoFocus?: boolean;
-    icon?: IconKey;
-    /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-    tooltip?: ReactNode;
-}
-export declare function ToggleButton(props: ToggleButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-/** Styles */
-export declare const toggleHoverStyles: {
-    backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-};
-export declare const toggleFocusStyles: {
-    boxShadow: import("csstype").Property.BoxShadow | undefined;
-};
-export declare const togglePressStyles: {
-    backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-};
-//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/inputs/ToggleButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/inputs/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAQ,OAAO,EAAgC,sBAAuB;AAI7E,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oHAAoH;IACpH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDAuDpD;AAED,aAAa;AAEb,eAAO,MAAM,iBAAiB;;CAAkB,CAAC;AACjD,eAAO,MAAM,iBAAiB;;CAAiB,CAAC;AAChD,eAAO,MAAM,iBAAiB;;CAAkB,CAAC"}

package/dist/inputs/ToggleButton.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.togglePressStyles = exports.toggleFocusStyles = exports.toggleHoverStyles = void 0;
-exports.ToggleButton = ToggleButton;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const components_1 = require("../components");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-function ToggleButton(props) {
-    const { selected: isSelected = false, disabled = false, label, onChange, icon, ...otherProps } = props;
-    const [asyncInProgress, setAsyncInProgress] = (0, react_1.useState)(false);
-    const isDisabled = !!disabled || asyncInProgress;
-    const ariaProps = { "aria-label": label, isSelected, isDisabled, ...otherProps };
-    const state = (0, react_stately_1.useToggleState)({
-        ...ariaProps,
-        onChange: (e) => {
-            const result = onChange(e);
-            if ((0, utils_1.isPromise)(result)) {
-                setAsyncInProgress(true);
-                result.finally(() => setAsyncInProgress(false));
-            }
-            return result;
-        },
-    });
-    const labelRef = (0, react_1.useRef)(null);
-    const ref = (0, react_1.useRef)(null);
-    const tid = (0, utils_1.useTestIds)(props, label);
-    const { isPressed, pressProps } = (0, react_aria_1.usePress)({ ref: labelRef, isDisabled });
-    const { inputProps } = (0, react_aria_1.useSwitch)(ariaProps, state, ref);
-    const { isFocusVisible: isKeyboardFocus, focusProps } = (0, react_aria_1.useFocusRing)({ ...otherProps, within: true });
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    const tooltip = (0, components_1.resolveTooltip)(disabled);
-    const labelAttrs = {
-        ...focusProps,
-        ...hoverProps,
-        ...pressProps,
-        css: {
-            ...Css_1.Css.br4.dif.aic.gap1.bgTransparent.gray500.hPx(32).plPx(4).pr1.relative.cursorPointer.w("max-content").smMd.usn
-                .$,
-            ...(isHovered && exports.toggleHoverStyles),
-            ...(isPressed && exports.togglePressStyles),
-            ...(isSelected && !isDisabled && Css_1.Css.blue700.$),
-            ...(isKeyboardFocus && exports.toggleFocusStyles),
-            ...(isDisabled && Css_1.Css.gray300.cursorNotAllowed.$),
-        },
-        ...tid,
-    };
-    return (0, components_1.maybeTooltip)({
-        title: tooltip,
-        placement: "top",
-        children: ((0, jsx_runtime_1.jsxs)("label", { ...labelAttrs, children: [icon && (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: icon }), label, (0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...inputProps, ...tid.value }) })] })),
-    });
-}
-/** Styles */
-// Toggle element styles
-exports.toggleHoverStyles = Css_1.Css.bgGray100.$;
-exports.toggleFocusStyles = Css_1.Css.bshFocus.$;
-exports.togglePressStyles = Css_1.Css.bgGray300.$;

package/dist/inputs/ToggleChipGroup.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-import { PresentationFieldProps } from "../components/PresentationContext";
-import { Xss } from "../Css";
-type ToggleChipXss = Xss<"color" | "backgroundColor">;
-type ToggleChipItemProps = {
-    label: string;
-    value: string;
-    startAdornment?: ReactNode;
-    /**
-     * Whether the interactive element is disabled.
-     *
-     * If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
-     */
-    disabled?: boolean | ReactNode;
-};
-export interface ToggleChipGroupProps extends Pick<PresentationFieldProps, "labelStyle"> {
-    label: string;
-    options: ToggleChipItemProps[];
-    values: string[];
-    onChange: (values: string[]) => void;
-    xss?: ToggleChipXss;
-}
-export declare function ToggleChipGroup(props: ToggleChipGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ToggleChipGroup.d.ts.map

package/dist/inputs/ToggleChipGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleChipGroup.d.ts","sourceRoot":"","sources":["../../src/inputs/ToggleChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,sBAAsB,EAA0B,0CAA2C;AACpG,OAAO,EAAgB,GAAG,EAAE,eAAgB;AAG5C,KAAK,aAAa,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC,CAAC;AAEtD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,oDAmC1D"}

package/dist/inputs/ToggleChipGroup.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleChipGroup = ToggleChipGroup;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const components_1 = require("../components");
-const Label_1 = require("../components/Label");
-const PresentationContext_1 = require("../components/PresentationContext");
-const Css_1 = require("../Css");
-const useTestIds_1 = require("../utils/useTestIds");
-function ToggleChipGroup(props) {
-    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const { labelLeftFieldWidth = "50%" } = fieldProps ?? {};
-    const { values, label, labelStyle = fieldProps?.labelStyle ?? "above", options, xss } = props;
-    const state = (0, react_stately_1.useCheckboxGroupState)({ ...props, value: values });
-    const { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)(props, state);
-    const tid = (0, useTestIds_1.useTestIds)(props, "toggleChip");
-    return ((0, jsx_runtime_1.jsxs)("div", { ...groupProps, css: Css_1.Css.relative.df.fdc.if(labelStyle === "left").fdr.gap2.maxw100.jcsb.$, children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { label: label, ...labelProps, hidden: labelStyle === "hidden", inline: labelStyle !== "above" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.gap1
-                    .add("flexWrap", "wrap")
-                    .if(labelStyle === "left")
-                    .w(labelLeftFieldWidth).$, children: options.map((o) => ((0, jsx_runtime_1.jsx)(ToggleChip, { value: o.value, groupState: state, selected: state.value.includes(o.value), label: o.label, disabled: o.disabled, startAdornment: o.startAdornment, xss: xss, ...tid[o.value] }, o.value))) })] }));
-}
-function ToggleChip(props) {
-    const { label, value, groupState, selected: isSelected, disabled = false, startAdornment, xss, ...others } = props;
-    const isDisabled = !!disabled;
-    const ref = (0, react_1.useRef)(null);
-    const { inputProps } = (0, react_aria_1.useCheckboxGroupItem)({ value, "aria-label": label, isDisabled }, groupState, ref);
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)();
-    const tooltip = (0, components_1.resolveTooltip)(disabled);
-    return (0, components_1.maybeTooltip)({
-        title: tooltip,
-        placement: "top",
-        children: ((0, jsx_runtime_1.jsxs)("label", { css: {
-                ...Css_1.Css.relative.dif.gap1.aic.br16.sm.px1.cursorPointer.pyPx(4).bgGray200.if(isDisabled).cursorNotAllowed
-                    .gray600.pr1.$,
-                ...(isSelected
-                    ? {
-                        ...Css_1.Css.color(xss?.color ?? Css_1.Palette.White).bgColor(xss?.backgroundColor ?? Css_1.Palette.Blue700).$,
-                        ":hover:not([data-disabled='true'])": Css_1.Css.bgColor(xss?.backgroundColor ?? Css_1.Palette.Blue800).$,
-                    }
-                    : { ":hover:not([data-disabled='true'])": Css_1.Css.bgGray300.$ }),
-                ...(isFocusVisible ? Css_1.Css.bshFocus.$ : {}),
-            }, "data-selected": isSelected, "data-disabled": isDisabled, "aria-disabled": isDisabled, ...others, children: [(0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ...inputProps, ...focusProps }) }), startAdornment, label] })),
-    });
-}

package/dist/inputs/TreeSelectField/TreeOption.d.ts

@@ -1,13 +0,0 @@
-import { Node } from "@react-types/shared";
-import { ListState } from "react-stately";
-import { LeveledOption } from "./utils";
-interface TreeOptionProps<O> {
-    item: Node<LeveledOption<O>>;
-    state: ListState<O>;
-    contrast?: boolean;
-    allowCollapsing?: boolean;
-}
-/** Represents a single option within a ListBox - used by SelectField, MultiSelectField, and TreeSelectField */
-export declare function TreeOption<O>(props: TreeOptionProps<O>): import("@emotion/react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=TreeOption.d.ts.map

package/dist/inputs/TreeSelectField/TreeOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeOption.d.ts","sourceRoot":"","sources":["../../../src/inputs/TreeSelectField/TreeOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK1C,OAAO,EAAE,aAAa,EAAgB,gBAAyC;AAI/E,UAAU,eAAe,CAAC,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,+GAA+G;AAC/G,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,2DAiFtD"}