@evolve.ui/core-components 1.0.0

package/Select-BXDjzyDs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-BXDjzyDs.cjs","names":["selectBuiltins","BodyPrimary","CaretDown","Check","ReactSelect","extractFormLabelProps","FormLabel"],"sources":["../src/Select/selectComponents.tsx","../src/Select/Select.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { ComponentProps, ReactNode } from 'react';\nimport { components as selectBuiltins } from 'react-select';\n\nimport { CaretDown, Check } from '../Icons';\nimport { BodyPrimary } from '../Typography/Text/Text';\n\nexport const InsideLabelControl = ({\n    children,\n    ...props\n}: ComponentProps<typeof selectBuiltins.Control> & {\n    selectProps: {\n        hasError?: boolean;\n        isInsideLabel?: boolean;\n        labelText?: ReactNode;\n        small?: boolean;\n    };\n}) => {\n    const { hasError, isInsideLabel, labelText, small } = props.selectProps;\n    return (\n        <selectBuiltins.Control\n            {...props}\n            className={cn(\n                // GENERAL\n                '!m-0 !min-h-[42px] !flex-nowrap !rounded-input !border !border-solid !border-border-secondary !bg-background-primary !p-0 ![box-shadow:none]',\n                // HOVER\n                {\n                    'hover:!border-border-hover': !props.menuIsOpen,\n                    'hover:!border-border-selected': props.menuIsOpen,\n                },\n                {\n                    '!border-border-critical': props.selectProps['aria-invalid'] === 'true',\n                    '!border-border-selected': props.menuIsOpen || props.isFocused,\n                    '!min-h-[34px]': small,\n                },\n                // ERROR\n                {\n                    '!border-border-critical': hasError && !props.menuIsOpen && !props.isDisabled,\n                }\n            )}\n        >\n            {isInsideLabel && Boolean(labelText) && (\n                <BodyPrimary\n                    className=\"ml-xs mr--2xs\"\n                    color=\"secondary\"\n                >\n                    {labelText}\n                </BodyPrimary>\n            )}\n            {children}\n        </selectBuiltins.Control>\n    );\n};\n\n/**\n * Add custom icon for dropdown indicator\n * @see https://react-select.com/components#components\n */\nexport const DropdownIndicator = (props: ComponentProps<typeof selectBuiltins.DropdownIndicator>) => {\n    return (\n        <selectBuiltins.DropdownIndicator\n            {...props}\n            className=\"flex h-full w-full items-center justify-center !py-0 px-xs\"\n        >\n            <CaretDown\n                aria-label={props.selectProps.menuIsOpen ? 'Caret Up' : 'Caret Down'}\n                className={cn({\n                    'rotate-180': props.selectProps.menuIsOpen,\n                })}\n                color={props.selectProps.isDisabled ? 'disabled' : 'primary'}\n                size=\"sm\"\n            />\n        </selectBuiltins.DropdownIndicator>\n    );\n};\n\n/**\n * Add data-testid prop to the select component container\n * @see https://react-select.com/components#components\n */\nexport const SelectContainer = ({ className, ...props }: ComponentProps<typeof selectBuiltins.SelectContainer>) => (\n    <selectBuiltins.SelectContainer\n        {...props}\n        className={cn(className, 'hui-text-body-primary !rounded-input text-text-primary ![box-shadow:none]')}\n        innerProps={{\n            ...props.innerProps,\n            // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n            ...(Boolean(props.selectProps['data-testid']) && {\n                // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n                'data-testid': props.selectProps['data-testid'],\n            }),\n        }}\n    />\n);\n\nexport const NoOptionsMessage = (props: ComponentProps<typeof selectBuiltins.NoOptionsMessage>) => (\n    <selectBuiltins.NoOptionsMessage\n        {...props}\n        className=\"p-0\"\n    >\n        <BodyPrimary\n            className=\"normal-case\"\n            color=\"secondary\"\n        >\n            No results\n        </BodyPrimary>\n    </selectBuiltins.NoOptionsMessage>\n);\n\nexport const Input = (props: ComponentProps<typeof selectBuiltins.Input>) => (\n    <selectBuiltins.Input\n        {...props}\n        aria-activedescendant={props['aria-activedescendant'] || undefined}\n        // @ts-expect-error prop type does exist on parent, just not here.\n        autoComplete={props.selectProps.autoComplete}\n        className=\"!m-0 !p-0\"\n    />\n);\n\nexport const Option = ({\n    children,\n    isDisabled,\n    isFocused,\n    isSelected,\n    ...rest\n}: ComponentProps<typeof selectBuiltins.Option>) => {\n    const isSelectedAndDisabled = isSelected && isDisabled;\n\n    return (\n        <selectBuiltins.Option\n            {...rest}\n            className={cn(\n                // BASE\n                'hui-text-body-primary !px-[8px] !py-[4px] text-[16px] text-text-primary',\n                // HOVER\n                'hover:cursor-pointer hover:bg-background-hover',\n                // SELECTED\n                {\n                    '!bg-background-hover': !isDisabled && isFocused,\n                    '!bg-background-inverse !text-text-inverse hover:!bg-background-inverse': !isDisabled && isSelected,\n                    '!bg-background-primary': isDisabled && isFocused && !isSelected,\n                    // Selected AND disabled - show as selected but with disabled text color\n                    '!cursor-not-allowed !bg-background-inverse !text-text-disabled hover:!bg-background-inverse':\n                        isSelectedAndDisabled,\n                    '!cursor-not-allowed !text-text-disabled hover:!bg-background-primary focus:!bg-background-primary':\n                        isDisabled && !isSelected,\n                }\n            )}\n            innerProps={{\n                ...rest.innerProps,\n                // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n                ...(Boolean(rest.selectProps['data-testid']) && {\n                    // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n                    'data-testid': rest.selectProps['data-testid'],\n                }),\n            }}\n            isDisabled={Boolean(isDisabled)}\n            isFocused={isFocused}\n            isSelected={isSelected}\n        >\n            <div\n                // adds data-testid attribute to dropdown option\n                {...(rest.data && typeof rest.data === 'object' && 'data-testid' in rest.data\n                    ? { 'data-testid': rest.data['data-testid'] }\n                    : {})}\n                className={cn('flex h-full w-full items-center', {\n                    'bg-background-inverse text-text-disabled': isSelectedAndDisabled,\n                    'bg-background-inverse text-text-inverse': isSelected && !isDisabled,\n                    'pl-sm': !isSelected,\n                })}\n            >\n                {isSelected && (\n                    <Check\n                        className=\"mr-[2px]\"\n                        color={isDisabled ? 'disabled' : 'inverse'}\n                        size=\"xs\"\n                    />\n                )}\n                {children}\n            </div>\n        </selectBuiltins.Option>\n    );\n};\n\nexport const ClearIndicator = (props: ComponentProps<typeof selectBuiltins.ClearIndicator>) => (\n    <selectBuiltins.ClearIndicator\n        {...props}\n        className=\"!py-0\"\n    >\n        {props.children}\n    </selectBuiltins.ClearIndicator>\n);\n\n/**\n * Reads the scroll offset that `PreventModalScroll` parks on `document.body.style.top`.\n *\n * When a modal is open, `PreventModalScroll` sets `body.style.top = \"-${scrollPosition}px\"`\n * and `body.style.position = \"fixed\"`. React-select uses `window.pageYOffset` for the\n * portal offset, but that returns 0 when the body is fixed, so we read the stored scroll\n * position directly from `body.style.top` to compensate. Zoom-agnostic because it's a\n * stored value, not a layout measurement.\n */\nconst getBodyScrollOffset = () => {\n    const bodyTop = typeof document !== 'undefined' ? document.body.style.top : '';\n    return bodyTop ? Math.abs(parseFloat(bodyTop)) : 0;\n};\n\n/**\n * Adds the stored body-scroll offset to react-select's computed `top` style.\n *\n * react-select only sets `top` when placement === 'bottom'. When it flips to 'top'\n * it sets `bottom` instead and leaves `top` undefined, so we must guard before adding\n * the scroll offset — otherwise `Number(undefined)` NaN-stomps the style and breaks\n * the flipped portal menu.\n *\n * @internal exported for unit testing only.\n */\nexport const applyBodyScrollOffsetToTop = <T extends Record<string, unknown>>(\n    baseStyles: T,\n    scrollOffset: number\n): T => ({\n    ...baseStyles,\n    ...(typeof baseStyles.top === 'number' ? { top: baseStyles.top + scrollOffset } : {}),\n});\n\nexport const Menu = ({ getStyles, ...props }: ComponentProps<typeof selectBuiltins.Menu>) => {\n    if (props.selectProps.menuPortalTarget) {\n        const customGetStyles: typeof getStyles = (name, styleProps) =>\n            applyBodyScrollOffsetToTop(getStyles(name, styleProps), getBodyScrollOffset());\n\n        return (\n            <selectBuiltins.Menu\n                {...props}\n                getStyles={customGetStyles}\n                className={cn(\n                    props.className,\n                    '!z-[11111] !mt-2xs !rounded-input !border !border-border-secondary !bg-background-primary'\n                )}\n            >\n                {props.children}\n            </selectBuiltins.Menu>\n        );\n    }\n\n    return (\n        <selectBuiltins.Menu\n            {...props}\n            getStyles={getStyles}\n            className={cn(\n                props.className,\n                '!z-[11111] !mt-2xs !rounded-input !border !border-border-secondary !bg-background-primary'\n            )}\n        >\n            {props.children}\n        </selectBuiltins.Menu>\n    );\n};\n\nexport const MenuList = (props: ComponentProps<typeof selectBuiltins.MenuList>) => (\n    <selectBuiltins.MenuList\n        {...props}\n        className=\"!px-0 !py-xs\"\n    >\n        {props.children}\n    </selectBuiltins.MenuList>\n);\n\nexport const MenuPortal = (props: ComponentProps<typeof selectBuiltins.MenuPortal>) => (\n    <selectBuiltins.MenuPortal\n        {...props}\n        className=\"!z-[11111]\"\n    >\n        {props.children}\n    </selectBuiltins.MenuPortal>\n);\n\nexport const Placeholder = (props: ComponentProps<typeof selectBuiltins.Placeholder>) => (\n    <selectBuiltins.Placeholder\n        {...props}\n        className=\"!hui-text-body-primary overflow-hidden text-nowrap\"\n    >\n        {props.children}\n    </selectBuiltins.Placeholder>\n);\n\nexport const SingleValue = ({ isDisabled, ...rest }: ComponentProps<typeof selectBuiltins.SingleValue>) => (\n    <selectBuiltins.SingleValue\n        {...rest}\n        className={cn('!hui-text-body-primary m-0', {\n            '!cursor-not-allowed !text-text-disabled': isDisabled,\n            '!text-text-primary': !isDisabled,\n        })}\n        isDisabled={isDisabled}\n    >\n        {rest.children}\n    </selectBuiltins.SingleValue>\n);\n\nexport const ValueContainer = (props: ComponentProps<typeof selectBuiltins.ValueContainer>) => (\n    <selectBuiltins.ValueContainer\n        {...props}\n        className=\"!m-0 flex h-full items-center !py-0\"\n    >\n        {props.children}\n    </selectBuiltins.ValueContainer>\n);\n","import type ReactSelectAsync from 'react-select/async';\nimport type ReactSelectAsyncCreatable from 'react-select/async-creatable';\nimport type ReactSelectCreatable from 'react-select/creatable';\n\nimport {\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    ComponentProps,\n    forwardRef,\n    useCallback,\n    useId,\n} from 'react';\nimport ReactSelect, { ActionMeta, components as selectBuiltins } from 'react-select';\n\nimport { extractFormLabelProps, FormLabel, FormLabelProps } from '../FormLabel/FormLabel';\nimport {\n    ClearIndicator,\n    DropdownIndicator,\n    Input,\n    InsideLabelControl,\n    Menu,\n    MenuList,\n    MenuPortal,\n    NoOptionsMessage,\n    Option,\n    Placeholder,\n    SelectContainer,\n    SingleValue,\n    ValueContainer,\n} from './selectComponents';\n\n// Props are unwieldy, so, put them at the bottom.\n\n/**\n * A customized + styled react-select\n *\n * @see https://react-select.com\n */\nexport const Select = forwardRef(\n    <SelectType extends AllSelects>(unfilteredProps: Props<SelectType>, ref: ComponentProps<SelectType>['ref']) => {\n        const defaultInstanceId = useId();\n        const [\n            formLabelProps,\n            {\n                components,\n                disabled,\n                isInsideLabel,\n                menuPlacement = 'auto',\n                menuPosition,\n                name,\n                onChange: propOnChange,\n                selectType: SelectComponent = ReactSelect,\n                small = false,\n                usePortalMenu,\n                ...selectProps\n            },\n        ] = extractFormLabelProps(unfilteredProps);\n\n        const onChange = useCallback<SelectOnChange>(\n            (event, action) => {\n                if (event) {\n                    event.name = name;\n                    propOnChange?.(event, action);\n                }\n            },\n            [name, propOnChange]\n        );\n\n        return (\n            <FormLabel\n                {...formLabelProps}\n                labelText={isInsideLabel ? undefined : formLabelProps.labelText}\n            >\n                <SelectComponent\n                    data-hui-id=\"Select\"\n                    instanceId={defaultInstanceId}\n                    placeholder=\"Select\"\n                    {...selectProps}\n                    components={{\n                        ClearIndicator,\n                        Control: InsideLabelControl,\n                        DropdownIndicator,\n                        IndicatorSeparator: null,\n                        Input,\n                        Menu,\n                        MenuList,\n                        MenuPortal,\n                        NoOptionsMessage,\n                        Option,\n                        Placeholder,\n                        SelectContainer,\n                        SingleValue,\n                        ValueContainer,\n                        ...components,\n                    }}\n                    hasError={formLabelProps.hasError}\n                    isDisabled={disabled}\n                    isInsideLabel={isInsideLabel}\n                    labelText={formLabelProps.labelText}\n                    menuPlacement={menuPlacement}\n                    menuPosition={menuPosition ?? (usePortalMenu ? 'fixed' : 'absolute')}\n                    menuPortalTarget={\n                        usePortalMenu && typeof document !== 'undefined'\n                            ? document.getElementById('hui-modal-target')\n                            : undefined\n                    }\n                    name={name}\n                    // This typing should be correct, but react-select is a bit of a mess\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    onChange={onChange as any}\n                    ref={ref}\n                    small={small}\n                />\n            </FormLabel>\n        );\n    }\n) as ForwardRefExoticComponent<Props<typeof ReactSelect> & RefAttributes<unknown>>;\n\nSelect.displayName = 'Select';\n\n/**\n * Re-export react-select built-ins\n * @see https://react-select.com/components\n */\nexport { selectBuiltins as reactSelectBuiltins };\n\ntype ExtendedProps = {\n    /** Adds autocomplete attribute to the dom element, used for accessibility and password managers. */\n    autoComplete?: string;\n    /** If true, the label will be inside the select. */\n    isInsideLabel?: boolean;\n    /** Set the size of the select to small (`34px` height, small=false is `42px`) */\n    small?: boolean;\n    /** Position the select dropdown menu absolutely, relative to <body />. Useful in places like modals where the menu may get cut off */\n    usePortalMenu?: boolean;\n} & FormLabelProps;\n\ntype AllSelects =\n    | typeof ReactSelect\n    | typeof ReactSelectAsync\n    | typeof ReactSelectAsyncCreatable\n    | typeof ReactSelectCreatable;\n\ntype OverridenOnChangeProps<SelectType extends AllSelects> = Omit<ComponentProps<SelectType>, 'onChange'> & {\n    onChange?: SelectOnChange;\n};\n\ntype Props<SelectType extends AllSelects> = { selectType?: SelectType } & ExtendedProps &\n    OverridenOnChangeProps<SelectType>;\n\n// Hammer-parity public type — `value: any` is the published contract consumers rely on.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type OptionType = { label: string; name?: string; value: any };\nexport type SelectOnChange = (event?: OptionType, action?: ActionMeta<OptionType>) => void;\n"],"mappings":";;;;;;;;;;AAOA,MAAa,sBAAsB,EAC/B,UACA,GAAG,YAQD;CACF,MAAM,EAAE,UAAU,eAAe,WAAW,UAAU,MAAM;CAC5D,OACI,iBAAA,GAAA,kBAAA,KAAA,CAACA,aAAAA,WAAe,SAAhB;EACI,GAAI;EACJ,YAAA,GAAA,wBAAA,GAAA,CAEI,gJAEA;GACI,8BAA8B,CAAC,MAAM;GACrC,iCAAiC,MAAM;EAC3C,GACA;GACI,2BAA2B,MAAM,YAAY,oBAAoB;GACjE,2BAA2B,MAAM,cAAc,MAAM;GACrD,iBAAiB;EACrB,GAEA,EACI,2BAA2B,YAAY,CAAC,MAAM,cAAc,CAAC,MAAM,WACvE,CACJ;YAnBJ,CAqBK,iBAAiB,QAAQ,SAAS,KAC/B,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,aAAD;GACI,WAAU;GACV,OAAM;aAEL;EACQ,CAAA,GAEhB,QACmB;;AAEhC;;;;;AAMA,MAAa,qBAAqB,UAAmE;CACjG,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,WAAe,mBAAhB;EACI,GAAI;EACJ,WAAU;YAEV,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,WAAD;GACI,cAAY,MAAM,YAAY,aAAa,aAAa;GACxD,YAAA,GAAA,wBAAA,GAAA,CAAc,EACV,cAAc,MAAM,YAAY,WACpC,CAAC;GACD,OAAO,MAAM,YAAY,aAAa,aAAa;GACnD,MAAK;EACR,CAAA;CAC6B,CAAA;AAE1C;;;;;AAMA,MAAa,mBAAmB,EAAE,WAAW,GAAG,YAC5C,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,WAAe,iBAAhB;CACI,GAAI;CACJ,YAAA,GAAA,wBAAA,GAAA,CAAc,WAAW,2EAA2E;CACpG,YAAY;EACR,GAAG,MAAM;EAET,GAAI,QAAQ,MAAM,YAAY,cAAc,KAAK,EAE7C,eAAe,MAAM,YAAY,eACrC;CACJ;AACH,CAAA;AAGL,MAAa,oBAAoB,UAC7B,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,kBAAhB;CACI,GAAI;CACJ,WAAU;WAEV,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,aAAD;EACI,WAAU;EACV,OAAM;YACT;CAEY,CAAA;AACgB,CAAA;AAGrC,MAAa,SAAS,UAClB,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,WAAe,OAAhB;CACI,GAAI;CACJ,yBAAuB,MAAM,4BAA4B,KAAA;CAEzD,cAAc,MAAM,YAAY;CAChC,WAAU;AACb,CAAA;AAGL,MAAa,UAAU,EACnB,UACA,YACA,WACA,YACA,GAAG,WAC6C;CAChD,MAAM,wBAAwB,cAAc;CAE5C,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,QAAhB;EACI,GAAI;EACJ,YAAA,GAAA,wBAAA,GAAA,CAEI,2EAEA,kDAEA;GACI,wBAAwB,CAAC,cAAc;GACvC,0EAA0E,CAAC,cAAc;GACzF,0BAA0B,cAAc,aAAa,CAAC;GAEtD,+FACI;GACJ,qGACI,cAAc,CAAC;EACvB,CACJ;EACA,YAAY;GACR,GAAG,KAAK;GAER,GAAI,QAAQ,KAAK,YAAY,cAAc,KAAK,EAE5C,eAAe,KAAK,YAAY,eACpC;EACJ;EACA,YAAY,QAAQ,UAAU;EACnB;EACC;YAEZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAEI,GAAK,KAAK,QAAQ,OAAO,KAAK,SAAS,YAAY,iBAAiB,KAAK,OACnE,EAAE,eAAe,KAAK,KAAK,eAAe,IAC1C,CAAC;GACP,YAAA,GAAA,wBAAA,GAAA,CAAc,mCAAmC;IAC7C,4CAA4C;IAC5C,2CAA2C,cAAc,CAAC;IAC1D,SAAS,CAAC;GACd,CAAC;aATL,CAWK,cACG,iBAAA,GAAA,kBAAA,IAAA,CAACG,cAAAA,OAAD;IACI,WAAU;IACV,OAAO,aAAa,aAAa;IACjC,MAAK;GACR,CAAA,GAEJ,QACA;;CACc,CAAA;AAE/B;AAEA,MAAa,kBAAkB,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACH,aAAAA,WAAe,gBAAhB;CACI,GAAI;CACJ,WAAU;WAET,MAAM;AACoB,CAAA;;;;;;;;;;AAYnC,MAAM,4BAA4B;CAC9B,MAAM,UAAU,OAAO,aAAa,cAAc,SAAS,KAAK,MAAM,MAAM;CAC5E,OAAO,UAAU,KAAK,IAAI,WAAW,OAAO,CAAC,IAAI;AACrD;;;;;;;;;;;AAYA,MAAa,8BACT,YACA,kBACK;CACL,GAAG;CACH,GAAI,OAAO,WAAW,QAAQ,WAAW,EAAE,KAAK,WAAW,MAAM,aAAa,IAAI,CAAC;AACvF;AAEA,MAAa,QAAQ,EAAE,WAAW,GAAG,YAAwD;CACzF,IAAI,MAAM,YAAY,kBAAkB;EACpC,MAAM,mBAAqC,MAAM,eAC7C,2BAA2B,UAAU,MAAM,UAAU,GAAG,oBAAoB,CAAC;EAEjF,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,MAAhB;GACI,GAAI;GACJ,WAAW;GACX,YAAA,GAAA,wBAAA,GAAA,CACI,MAAM,WACN,2FACJ;aAEC,MAAM;EACU,CAAA;CAE7B;CAEA,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,MAAhB;EACI,GAAI;EACO;EACX,YAAA,GAAA,wBAAA,GAAA,CACI,MAAM,WACN,2FACJ;YAEC,MAAM;CACU,CAAA;AAE7B;AAEA,MAAa,YAAY,UACrB,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,UAAhB;CACI,GAAI;CACJ,WAAU;WAET,MAAM;AACc,CAAA;AAG7B,MAAa,cAAc,UACvB,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,YAAhB;CACI,GAAI;CACJ,WAAU;WAET,MAAM;AACgB,CAAA;AAG/B,MAAa,eAAe,UACxB,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,aAAhB;CACI,GAAI;CACJ,WAAU;WAET,MAAM;AACiB,CAAA;AAGhC,MAAa,eAAe,EAAE,YAAY,GAAG,WACzC,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,aAAhB;CACI,GAAI;CACJ,YAAA,GAAA,wBAAA,GAAA,CAAc,8BAA8B;EACxC,2CAA2C;EAC3C,sBAAsB,CAAC;CAC3B,CAAC;CACW;WAEX,KAAK;AACkB,CAAA;AAGhC,MAAa,kBAAkB,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAe,gBAAhB;CACI,GAAI;CACJ,WAAU;WAET,MAAM;AACoB,CAAA;;;;;;;;AC1QnC,MAAa,UAAA,GAAA,MAAA,WAAA,EACuB,iBAAoC,QAA2C;CAC3G,MAAM,qBAAA,GAAA,MAAA,MAAA,CAA0B;CAChC,MAAM,CACF,gBACA,EACI,YACA,UACA,eACA,gBAAgB,QAChB,cACA,MACA,UAAU,cACV,YAAY,kBAAkBI,aAAAA,SAC9B,QAAQ,OACR,eACA,GAAG,iBAEPC,kBAAAA,sBAAsB,eAAe;CAEzC,MAAM,YAAA,GAAA,MAAA,YAAA,EACD,OAAO,WAAW;EACf,IAAI,OAAO;GACP,MAAM,OAAO;GACb,eAAe,OAAO,MAAM;EAChC;CACJ,GACA,CAAC,MAAM,YAAY,CACvB;CAEA,OACI,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACI,GAAI;EACJ,WAAW,gBAAgB,KAAA,IAAY,eAAe;YAEtD,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;GACI,eAAY;GACZ,YAAY;GACZ,aAAY;GACZ,GAAI;GACJ,YAAY;IACR;IACA,SAAS;IACT;IACA,oBAAoB;IACpB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,GAAG;GACP;GACA,UAAU,eAAe;GACzB,YAAY;GACG;GACf,WAAW,eAAe;GACX;GACf,cAAc,iBAAiB,gBAAgB,UAAU;GACzD,kBACI,iBAAiB,OAAO,aAAa,cAC/B,SAAS,eAAe,kBAAkB,IAC1C,KAAA;GAEJ;GAGI;GACL;GACE;EACV,CAAA;CACM,CAAA;AAEnB,CACJ;AAEA,OAAO,cAAc"}

package/Select-BkZu8OLs.mjs

@@ -0,0 +1,241 @@
+import { CaretDown, Check } from "./Icons.mjs";
+import { BodyPrimary } from "./Typography/Text.mjs";
+import { FormLabel, extractFormLabelProps } from "./formLabel.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { forwardRef, useCallback, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ReactSelect, { components, components as selectBuiltins } from "react-select";
+//#region src/Select/selectComponents.tsx
+const InsideLabelControl = ({ children, ...props }) => {
+	const { hasError, isInsideLabel, labelText, small } = props.selectProps;
+	return /* @__PURE__ */ jsxs(components.Control, {
+		...props,
+		className: cn("!m-0 !min-h-[42px] !flex-nowrap !rounded-input !border !border-solid !border-border-secondary !bg-background-primary !p-0 ![box-shadow:none]", {
+			"hover:!border-border-hover": !props.menuIsOpen,
+			"hover:!border-border-selected": props.menuIsOpen
+		}, {
+			"!border-border-critical": props.selectProps["aria-invalid"] === "true",
+			"!border-border-selected": props.menuIsOpen || props.isFocused,
+			"!min-h-[34px]": small
+		}, { "!border-border-critical": hasError && !props.menuIsOpen && !props.isDisabled }),
+		children: [isInsideLabel && Boolean(labelText) && /* @__PURE__ */ jsx(BodyPrimary, {
+			className: "ml-xs mr--2xs",
+			color: "secondary",
+			children: labelText
+		}), children]
+	});
+};
+/**
+* Add custom icon for dropdown indicator
+* @see https://react-select.com/components#components
+*/
+const DropdownIndicator = (props) => {
+	return /* @__PURE__ */ jsx(components.DropdownIndicator, {
+		...props,
+		className: "flex h-full w-full items-center justify-center !py-0 px-xs",
+		children: /* @__PURE__ */ jsx(CaretDown, {
+			"aria-label": props.selectProps.menuIsOpen ? "Caret Up" : "Caret Down",
+			className: cn({ "rotate-180": props.selectProps.menuIsOpen }),
+			color: props.selectProps.isDisabled ? "disabled" : "primary",
+			size: "sm"
+		})
+	});
+};
+/**
+* Add data-testid prop to the select component container
+* @see https://react-select.com/components#components
+*/
+const SelectContainer = ({ className, ...props }) => /* @__PURE__ */ jsx(components.SelectContainer, {
+	...props,
+	className: cn(className, "hui-text-body-primary !rounded-input text-text-primary ![box-shadow:none]"),
+	innerProps: {
+		...props.innerProps,
+		...Boolean(props.selectProps["data-testid"]) && { "data-testid": props.selectProps["data-testid"] }
+	}
+});
+const NoOptionsMessage = (props) => /* @__PURE__ */ jsx(components.NoOptionsMessage, {
+	...props,
+	className: "p-0",
+	children: /* @__PURE__ */ jsx(BodyPrimary, {
+		className: "normal-case",
+		color: "secondary",
+		children: "No results"
+	})
+});
+const Input = (props) => /* @__PURE__ */ jsx(components.Input, {
+	...props,
+	"aria-activedescendant": props["aria-activedescendant"] || void 0,
+	autoComplete: props.selectProps.autoComplete,
+	className: "!m-0 !p-0"
+});
+const Option = ({ children, isDisabled, isFocused, isSelected, ...rest }) => {
+	const isSelectedAndDisabled = isSelected && isDisabled;
+	return /* @__PURE__ */ jsx(components.Option, {
+		...rest,
+		className: cn("hui-text-body-primary !px-[8px] !py-[4px] text-[16px] text-text-primary", "hover:cursor-pointer hover:bg-background-hover", {
+			"!bg-background-hover": !isDisabled && isFocused,
+			"!bg-background-inverse !text-text-inverse hover:!bg-background-inverse": !isDisabled && isSelected,
+			"!bg-background-primary": isDisabled && isFocused && !isSelected,
+			"!cursor-not-allowed !bg-background-inverse !text-text-disabled hover:!bg-background-inverse": isSelectedAndDisabled,
+			"!cursor-not-allowed !text-text-disabled hover:!bg-background-primary focus:!bg-background-primary": isDisabled && !isSelected
+		}),
+		innerProps: {
+			...rest.innerProps,
+			...Boolean(rest.selectProps["data-testid"]) && { "data-testid": rest.selectProps["data-testid"] }
+		},
+		isDisabled: Boolean(isDisabled),
+		isFocused,
+		isSelected,
+		children: /* @__PURE__ */ jsxs("div", {
+			...rest.data && typeof rest.data === "object" && "data-testid" in rest.data ? { "data-testid": rest.data["data-testid"] } : {},
+			className: cn("flex h-full w-full items-center", {
+				"bg-background-inverse text-text-disabled": isSelectedAndDisabled,
+				"bg-background-inverse text-text-inverse": isSelected && !isDisabled,
+				"pl-sm": !isSelected
+			}),
+			children: [isSelected && /* @__PURE__ */ jsx(Check, {
+				className: "mr-[2px]",
+				color: isDisabled ? "disabled" : "inverse",
+				size: "xs"
+			}), children]
+		})
+	});
+};
+const ClearIndicator = (props) => /* @__PURE__ */ jsx(components.ClearIndicator, {
+	...props,
+	className: "!py-0",
+	children: props.children
+});
+/**
+* Reads the scroll offset that `PreventModalScroll` parks on `document.body.style.top`.
+*
+* When a modal is open, `PreventModalScroll` sets `body.style.top = "-${scrollPosition}px"`
+* and `body.style.position = "fixed"`. React-select uses `window.pageYOffset` for the
+* portal offset, but that returns 0 when the body is fixed, so we read the stored scroll
+* position directly from `body.style.top` to compensate. Zoom-agnostic because it's a
+* stored value, not a layout measurement.
+*/
+const getBodyScrollOffset = () => {
+	const bodyTop = typeof document !== "undefined" ? document.body.style.top : "";
+	return bodyTop ? Math.abs(parseFloat(bodyTop)) : 0;
+};
+/**
+* Adds the stored body-scroll offset to react-select's computed `top` style.
+*
+* react-select only sets `top` when placement === 'bottom'. When it flips to 'top'
+* it sets `bottom` instead and leaves `top` undefined, so we must guard before adding
+* the scroll offset — otherwise `Number(undefined)` NaN-stomps the style and breaks
+* the flipped portal menu.
+*
+* @internal exported for unit testing only.
+*/
+const applyBodyScrollOffsetToTop = (baseStyles, scrollOffset) => ({
+	...baseStyles,
+	...typeof baseStyles.top === "number" ? { top: baseStyles.top + scrollOffset } : {}
+});
+const Menu = ({ getStyles, ...props }) => {
+	if (props.selectProps.menuPortalTarget) {
+		const customGetStyles = (name, styleProps) => applyBodyScrollOffsetToTop(getStyles(name, styleProps), getBodyScrollOffset());
+		return /* @__PURE__ */ jsx(components.Menu, {
+			...props,
+			getStyles: customGetStyles,
+			className: cn(props.className, "!z-[11111] !mt-2xs !rounded-input !border !border-border-secondary !bg-background-primary"),
+			children: props.children
+		});
+	}
+	return /* @__PURE__ */ jsx(components.Menu, {
+		...props,
+		getStyles,
+		className: cn(props.className, "!z-[11111] !mt-2xs !rounded-input !border !border-border-secondary !bg-background-primary"),
+		children: props.children
+	});
+};
+const MenuList = (props) => /* @__PURE__ */ jsx(components.MenuList, {
+	...props,
+	className: "!px-0 !py-xs",
+	children: props.children
+});
+const MenuPortal = (props) => /* @__PURE__ */ jsx(components.MenuPortal, {
+	...props,
+	className: "!z-[11111]",
+	children: props.children
+});
+const Placeholder = (props) => /* @__PURE__ */ jsx(components.Placeholder, {
+	...props,
+	className: "!hui-text-body-primary overflow-hidden text-nowrap",
+	children: props.children
+});
+const SingleValue = ({ isDisabled, ...rest }) => /* @__PURE__ */ jsx(components.SingleValue, {
+	...rest,
+	className: cn("!hui-text-body-primary m-0", {
+		"!cursor-not-allowed !text-text-disabled": isDisabled,
+		"!text-text-primary": !isDisabled
+	}),
+	isDisabled,
+	children: rest.children
+});
+const ValueContainer = (props) => /* @__PURE__ */ jsx(components.ValueContainer, {
+	...props,
+	className: "!m-0 flex h-full items-center !py-0",
+	children: props.children
+});
+//#endregion
+//#region src/Select/Select.tsx
+/**
+* A customized + styled react-select
+*
+* @see https://react-select.com
+*/
+const Select = forwardRef((unfilteredProps, ref) => {
+	const defaultInstanceId = useId();
+	const [formLabelProps, { components, disabled, isInsideLabel, menuPlacement = "auto", menuPosition, name, onChange: propOnChange, selectType: SelectComponent = ReactSelect, small = false, usePortalMenu, ...selectProps }] = extractFormLabelProps(unfilteredProps);
+	const onChange = useCallback((event, action) => {
+		if (event) {
+			event.name = name;
+			propOnChange?.(event, action);
+		}
+	}, [name, propOnChange]);
+	return /* @__PURE__ */ jsx(FormLabel, {
+		...formLabelProps,
+		labelText: isInsideLabel ? void 0 : formLabelProps.labelText,
+		children: /* @__PURE__ */ jsx(SelectComponent, {
+			"data-hui-id": "Select",
+			instanceId: defaultInstanceId,
+			placeholder: "Select",
+			...selectProps,
+			components: {
+				ClearIndicator,
+				Control: InsideLabelControl,
+				DropdownIndicator,
+				IndicatorSeparator: null,
+				Input,
+				Menu,
+				MenuList,
+				MenuPortal,
+				NoOptionsMessage,
+				Option,
+				Placeholder,
+				SelectContainer,
+				SingleValue,
+				ValueContainer,
+				...components
+			},
+			hasError: formLabelProps.hasError,
+			isDisabled: disabled,
+			isInsideLabel,
+			labelText: formLabelProps.labelText,
+			menuPlacement,
+			menuPosition: menuPosition ?? (usePortalMenu ? "fixed" : "absolute"),
+			menuPortalTarget: usePortalMenu && typeof document !== "undefined" ? document.getElementById("hui-modal-target") : void 0,
+			name,
+			onChange,
+			ref,
+			small
+		})
+	});
+});
+Select.displayName = "Select";
+//#endregion
+export { selectBuiltins as n, Select as t };
+
+//# sourceMappingURL=Select-BkZu8OLs.mjs.map

package/Select-BkZu8OLs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-BkZu8OLs.mjs","names":["selectBuiltins"],"sources":["../src/Select/selectComponents.tsx","../src/Select/Select.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { ComponentProps, ReactNode } from 'react';\nimport { components as selectBuiltins } from 'react-select';\n\nimport { CaretDown, Check } from '../Icons';\nimport { BodyPrimary } from '../Typography/Text/Text';\n\nexport const InsideLabelControl = ({\n    children,\n    ...props\n}: ComponentProps<typeof selectBuiltins.Control> & {\n    selectProps: {\n        hasError?: boolean;\n        isInsideLabel?: boolean;\n        labelText?: ReactNode;\n        small?: boolean;\n    };\n}) => {\n    const { hasError, isInsideLabel, labelText, small } = props.selectProps;\n    return (\n        <selectBuiltins.Control\n            {...props}\n            className={cn(\n                // GENERAL\n                '!m-0 !min-h-[42px] !flex-nowrap !rounded-input !border !border-solid !border-border-secondary !bg-background-primary !p-0 ![box-shadow:none]',\n                // HOVER\n                {\n                    'hover:!border-border-hover': !props.menuIsOpen,\n                    'hover:!border-border-selected': props.menuIsOpen,\n                },\n                {\n                    '!border-border-critical': props.selectProps['aria-invalid'] === 'true',\n                    '!border-border-selected': props.menuIsOpen || props.isFocused,\n                    '!min-h-[34px]': small,\n                },\n                // ERROR\n                {\n                    '!border-border-critical': hasError && !props.menuIsOpen && !props.isDisabled,\n                }\n            )}\n        >\n            {isInsideLabel && Boolean(labelText) && (\n                <BodyPrimary\n                    className=\"ml-xs mr--2xs\"\n                    color=\"secondary\"\n                >\n                    {labelText}\n                </BodyPrimary>\n            )}\n            {children}\n        </selectBuiltins.Control>\n    );\n};\n\n/**\n * Add custom icon for dropdown indicator\n * @see https://react-select.com/components#components\n */\nexport const DropdownIndicator = (props: ComponentProps<typeof selectBuiltins.DropdownIndicator>) => {\n    return (\n        <selectBuiltins.DropdownIndicator\n            {...props}\n            className=\"flex h-full w-full items-center justify-center !py-0 px-xs\"\n        >\n            <CaretDown\n                aria-label={props.selectProps.menuIsOpen ? 'Caret Up' : 'Caret Down'}\n                className={cn({\n                    'rotate-180': props.selectProps.menuIsOpen,\n                })}\n                color={props.selectProps.isDisabled ? 'disabled' : 'primary'}\n                size=\"sm\"\n            />\n        </selectBuiltins.DropdownIndicator>\n    );\n};\n\n/**\n * Add data-testid prop to the select component container\n * @see https://react-select.com/components#components\n */\nexport const SelectContainer = ({ className, ...props }: ComponentProps<typeof selectBuiltins.SelectContainer>) => (\n    <selectBuiltins.SelectContainer\n        {...props}\n        className={cn(className, 'hui-text-body-primary !rounded-input text-text-primary ![box-shadow:none]')}\n        innerProps={{\n            ...props.innerProps,\n            // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n            ...(Boolean(props.selectProps['data-testid']) && {\n                // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n                'data-testid': props.selectProps['data-testid'],\n            }),\n        }}\n    />\n);\n\nexport const NoOptionsMessage = (props: ComponentProps<typeof selectBuiltins.NoOptionsMessage>) => (\n    <selectBuiltins.NoOptionsMessage\n        {...props}\n        className=\"p-0\"\n    >\n        <BodyPrimary\n            className=\"normal-case\"\n            color=\"secondary\"\n        >\n            No results\n        </BodyPrimary>\n    </selectBuiltins.NoOptionsMessage>\n);\n\nexport const Input = (props: ComponentProps<typeof selectBuiltins.Input>) => (\n    <selectBuiltins.Input\n        {...props}\n        aria-activedescendant={props['aria-activedescendant'] || undefined}\n        // @ts-expect-error prop type does exist on parent, just not here.\n        autoComplete={props.selectProps.autoComplete}\n        className=\"!m-0 !p-0\"\n    />\n);\n\nexport const Option = ({\n    children,\n    isDisabled,\n    isFocused,\n    isSelected,\n    ...rest\n}: ComponentProps<typeof selectBuiltins.Option>) => {\n    const isSelectedAndDisabled = isSelected && isDisabled;\n\n    return (\n        <selectBuiltins.Option\n            {...rest}\n            className={cn(\n                // BASE\n                'hui-text-body-primary !px-[8px] !py-[4px] text-[16px] text-text-primary',\n                // HOVER\n                'hover:cursor-pointer hover:bg-background-hover',\n                // SELECTED\n                {\n                    '!bg-background-hover': !isDisabled && isFocused,\n                    '!bg-background-inverse !text-text-inverse hover:!bg-background-inverse': !isDisabled && isSelected,\n                    '!bg-background-primary': isDisabled && isFocused && !isSelected,\n                    // Selected AND disabled - show as selected but with disabled text color\n                    '!cursor-not-allowed !bg-background-inverse !text-text-disabled hover:!bg-background-inverse':\n                        isSelectedAndDisabled,\n                    '!cursor-not-allowed !text-text-disabled hover:!bg-background-primary focus:!bg-background-primary':\n                        isDisabled && !isSelected,\n                }\n            )}\n            innerProps={{\n                ...rest.innerProps,\n                // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n                ...(Boolean(rest.selectProps['data-testid']) && {\n                    // @ts-expect-error all attributes are passed and we have the custom \"data-testid\", so this is ok.\n                    'data-testid': rest.selectProps['data-testid'],\n                }),\n            }}\n            isDisabled={Boolean(isDisabled)}\n            isFocused={isFocused}\n            isSelected={isSelected}\n        >\n            <div\n                // adds data-testid attribute to dropdown option\n                {...(rest.data && typeof rest.data === 'object' && 'data-testid' in rest.data\n                    ? { 'data-testid': rest.data['data-testid'] }\n                    : {})}\n                className={cn('flex h-full w-full items-center', {\n                    'bg-background-inverse text-text-disabled': isSelectedAndDisabled,\n                    'bg-background-inverse text-text-inverse': isSelected && !isDisabled,\n                    'pl-sm': !isSelected,\n                })}\n            >\n                {isSelected && (\n                    <Check\n                        className=\"mr-[2px]\"\n                        color={isDisabled ? 'disabled' : 'inverse'}\n                        size=\"xs\"\n                    />\n                )}\n                {children}\n            </div>\n        </selectBuiltins.Option>\n    );\n};\n\nexport const ClearIndicator = (props: ComponentProps<typeof selectBuiltins.ClearIndicator>) => (\n    <selectBuiltins.ClearIndicator\n        {...props}\n        className=\"!py-0\"\n    >\n        {props.children}\n    </selectBuiltins.ClearIndicator>\n);\n\n/**\n * Reads the scroll offset that `PreventModalScroll` parks on `document.body.style.top`.\n *\n * When a modal is open, `PreventModalScroll` sets `body.style.top = \"-${scrollPosition}px\"`\n * and `body.style.position = \"fixed\"`. React-select uses `window.pageYOffset` for the\n * portal offset, but that returns 0 when the body is fixed, so we read the stored scroll\n * position directly from `body.style.top` to compensate. Zoom-agnostic because it's a\n * stored value, not a layout measurement.\n */\nconst getBodyScrollOffset = () => {\n    const bodyTop = typeof document !== 'undefined' ? document.body.style.top : '';\n    return bodyTop ? Math.abs(parseFloat(bodyTop)) : 0;\n};\n\n/**\n * Adds the stored body-scroll offset to react-select's computed `top` style.\n *\n * react-select only sets `top` when placement === 'bottom'. When it flips to 'top'\n * it sets `bottom` instead and leaves `top` undefined, so we must guard before adding\n * the scroll offset — otherwise `Number(undefined)` NaN-stomps the style and breaks\n * the flipped portal menu.\n *\n * @internal exported for unit testing only.\n */\nexport const applyBodyScrollOffsetToTop = <T extends Record<string, unknown>>(\n    baseStyles: T,\n    scrollOffset: number\n): T => ({\n    ...baseStyles,\n    ...(typeof baseStyles.top === 'number' ? { top: baseStyles.top + scrollOffset } : {}),\n});\n\nexport const Menu = ({ getStyles, ...props }: ComponentProps<typeof selectBuiltins.Menu>) => {\n    if (props.selectProps.menuPortalTarget) {\n        const customGetStyles: typeof getStyles = (name, styleProps) =>\n            applyBodyScrollOffsetToTop(getStyles(name, styleProps), getBodyScrollOffset());\n\n        return (\n            <selectBuiltins.Menu\n                {...props}\n                getStyles={customGetStyles}\n                className={cn(\n                    props.className,\n                    '!z-[11111] !mt-2xs !rounded-input !border !border-border-secondary !bg-background-primary'\n                )}\n            >\n                {props.children}\n            </selectBuiltins.Menu>\n        );\n    }\n\n    return (\n        <selectBuiltins.Menu\n            {...props}\n            getStyles={getStyles}\n            className={cn(\n                props.className,\n                '!z-[11111] !mt-2xs !rounded-input !border !border-border-secondary !bg-background-primary'\n            )}\n        >\n            {props.children}\n        </selectBuiltins.Menu>\n    );\n};\n\nexport const MenuList = (props: ComponentProps<typeof selectBuiltins.MenuList>) => (\n    <selectBuiltins.MenuList\n        {...props}\n        className=\"!px-0 !py-xs\"\n    >\n        {props.children}\n    </selectBuiltins.MenuList>\n);\n\nexport const MenuPortal = (props: ComponentProps<typeof selectBuiltins.MenuPortal>) => (\n    <selectBuiltins.MenuPortal\n        {...props}\n        className=\"!z-[11111]\"\n    >\n        {props.children}\n    </selectBuiltins.MenuPortal>\n);\n\nexport const Placeholder = (props: ComponentProps<typeof selectBuiltins.Placeholder>) => (\n    <selectBuiltins.Placeholder\n        {...props}\n        className=\"!hui-text-body-primary overflow-hidden text-nowrap\"\n    >\n        {props.children}\n    </selectBuiltins.Placeholder>\n);\n\nexport const SingleValue = ({ isDisabled, ...rest }: ComponentProps<typeof selectBuiltins.SingleValue>) => (\n    <selectBuiltins.SingleValue\n        {...rest}\n        className={cn('!hui-text-body-primary m-0', {\n            '!cursor-not-allowed !text-text-disabled': isDisabled,\n            '!text-text-primary': !isDisabled,\n        })}\n        isDisabled={isDisabled}\n    >\n        {rest.children}\n    </selectBuiltins.SingleValue>\n);\n\nexport const ValueContainer = (props: ComponentProps<typeof selectBuiltins.ValueContainer>) => (\n    <selectBuiltins.ValueContainer\n        {...props}\n        className=\"!m-0 flex h-full items-center !py-0\"\n    >\n        {props.children}\n    </selectBuiltins.ValueContainer>\n);\n","import type ReactSelectAsync from 'react-select/async';\nimport type ReactSelectAsyncCreatable from 'react-select/async-creatable';\nimport type ReactSelectCreatable from 'react-select/creatable';\n\nimport {\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    ComponentProps,\n    forwardRef,\n    useCallback,\n    useId,\n} from 'react';\nimport ReactSelect, { ActionMeta, components as selectBuiltins } from 'react-select';\n\nimport { extractFormLabelProps, FormLabel, FormLabelProps } from '../FormLabel/FormLabel';\nimport {\n    ClearIndicator,\n    DropdownIndicator,\n    Input,\n    InsideLabelControl,\n    Menu,\n    MenuList,\n    MenuPortal,\n    NoOptionsMessage,\n    Option,\n    Placeholder,\n    SelectContainer,\n    SingleValue,\n    ValueContainer,\n} from './selectComponents';\n\n// Props are unwieldy, so, put them at the bottom.\n\n/**\n * A customized + styled react-select\n *\n * @see https://react-select.com\n */\nexport const Select = forwardRef(\n    <SelectType extends AllSelects>(unfilteredProps: Props<SelectType>, ref: ComponentProps<SelectType>['ref']) => {\n        const defaultInstanceId = useId();\n        const [\n            formLabelProps,\n            {\n                components,\n                disabled,\n                isInsideLabel,\n                menuPlacement = 'auto',\n                menuPosition,\n                name,\n                onChange: propOnChange,\n                selectType: SelectComponent = ReactSelect,\n                small = false,\n                usePortalMenu,\n                ...selectProps\n            },\n        ] = extractFormLabelProps(unfilteredProps);\n\n        const onChange = useCallback<SelectOnChange>(\n            (event, action) => {\n                if (event) {\n                    event.name = name;\n                    propOnChange?.(event, action);\n                }\n            },\n            [name, propOnChange]\n        );\n\n        return (\n            <FormLabel\n                {...formLabelProps}\n                labelText={isInsideLabel ? undefined : formLabelProps.labelText}\n            >\n                <SelectComponent\n                    data-hui-id=\"Select\"\n                    instanceId={defaultInstanceId}\n                    placeholder=\"Select\"\n                    {...selectProps}\n                    components={{\n                        ClearIndicator,\n                        Control: InsideLabelControl,\n                        DropdownIndicator,\n                        IndicatorSeparator: null,\n                        Input,\n                        Menu,\n                        MenuList,\n                        MenuPortal,\n                        NoOptionsMessage,\n                        Option,\n                        Placeholder,\n                        SelectContainer,\n                        SingleValue,\n                        ValueContainer,\n                        ...components,\n                    }}\n                    hasError={formLabelProps.hasError}\n                    isDisabled={disabled}\n                    isInsideLabel={isInsideLabel}\n                    labelText={formLabelProps.labelText}\n                    menuPlacement={menuPlacement}\n                    menuPosition={menuPosition ?? (usePortalMenu ? 'fixed' : 'absolute')}\n                    menuPortalTarget={\n                        usePortalMenu && typeof document !== 'undefined'\n                            ? document.getElementById('hui-modal-target')\n                            : undefined\n                    }\n                    name={name}\n                    // This typing should be correct, but react-select is a bit of a mess\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    onChange={onChange as any}\n                    ref={ref}\n                    small={small}\n                />\n            </FormLabel>\n        );\n    }\n) as ForwardRefExoticComponent<Props<typeof ReactSelect> & RefAttributes<unknown>>;\n\nSelect.displayName = 'Select';\n\n/**\n * Re-export react-select built-ins\n * @see https://react-select.com/components\n */\nexport { selectBuiltins as reactSelectBuiltins };\n\ntype ExtendedProps = {\n    /** Adds autocomplete attribute to the dom element, used for accessibility and password managers. */\n    autoComplete?: string;\n    /** If true, the label will be inside the select. */\n    isInsideLabel?: boolean;\n    /** Set the size of the select to small (`34px` height, small=false is `42px`) */\n    small?: boolean;\n    /** Position the select dropdown menu absolutely, relative to <body />. Useful in places like modals where the menu may get cut off */\n    usePortalMenu?: boolean;\n} & FormLabelProps;\n\ntype AllSelects =\n    | typeof ReactSelect\n    | typeof ReactSelectAsync\n    | typeof ReactSelectAsyncCreatable\n    | typeof ReactSelectCreatable;\n\ntype OverridenOnChangeProps<SelectType extends AllSelects> = Omit<ComponentProps<SelectType>, 'onChange'> & {\n    onChange?: SelectOnChange;\n};\n\ntype Props<SelectType extends AllSelects> = { selectType?: SelectType } & ExtendedProps &\n    OverridenOnChangeProps<SelectType>;\n\n// Hammer-parity public type — `value: any` is the published contract consumers rely on.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type OptionType = { label: string; name?: string; value: any };\nexport type SelectOnChange = (event?: OptionType, action?: ActionMeta<OptionType>) => void;\n"],"mappings":"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"}

package/Select-g4yFQq1-.d.mts

@@ -0,0 +1,36 @@
+import { n as FormLabelProps } from "./FormLabel-D4602qfd.mjs";
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from "react";
+import ReactSelect, { ActionMeta, components as selectBuiltins } from "react-select";
+import ReactSelectAsync from "react-select/async";
+import ReactSelectAsyncCreatable from "react-select/async-creatable";
+import ReactSelectCreatable from "react-select/creatable";
+
+//#region src/Select/Select.d.ts
+/**
+ * A customized + styled react-select
+ *
+ * @see https://react-select.com
+ */
+declare const Select: ForwardRefExoticComponent<Props<typeof ReactSelect> & RefAttributes<unknown>>;
+type ExtendedProps = {
+  /** Adds autocomplete attribute to the dom element, used for accessibility and password managers. */autoComplete?: string; /** If true, the label will be inside the select. */
+  isInsideLabel?: boolean; /** Set the size of the select to small (`34px` height, small=false is `42px`) */
+  small?: boolean; /** Position the select dropdown menu absolutely, relative to <body />. Useful in places like modals where the menu may get cut off */
+  usePortalMenu?: boolean;
+} & FormLabelProps;
+type AllSelects = typeof ReactSelect | typeof ReactSelectAsync | typeof ReactSelectAsyncCreatable | typeof ReactSelectCreatable;
+type OverridenOnChangeProps<SelectType extends AllSelects> = Omit<ComponentProps<SelectType>, 'onChange'> & {
+  onChange?: SelectOnChange;
+};
+type Props<SelectType extends AllSelects> = {
+  selectType?: SelectType;
+} & ExtendedProps & OverridenOnChangeProps<SelectType>;
+type OptionType = {
+  label: string;
+  name?: string;
+  value: any;
+};
+type SelectOnChange = (event?: OptionType, action?: ActionMeta<OptionType>) => void;
+//#endregion
+export { selectBuiltins as i, Select as n, SelectOnChange as r, OptionType as t };
+//# sourceMappingURL=Select-g4yFQq1-.d.mts.map

package/Select-g4yFQq1-.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-g4yFQq1-.d.mts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;;;;;;AAsCA;;;cAAa,MAAA,EA8ER,yBAAA,CAA0B,KAAA,QAAa,WAAA,IAAe,aAAA;AAAA,KAUtD,aAAA;EAV0B,oGAY3B,YAAA,WAZuD;EAcvD,aAAA,YAdoE;EAgBpE,KAAA,YANc;EAQd,aAAA;AAAA,IACA,cAAc;AAAA,KAEb,UAAA,UACQ,WAAA,UACA,gBAAA,UACA,yBAAA,UACA,oBAAA;AAAA,KAER,sBAAA,oBAA0C,UAAA,IAAc,IAAA,CAAK,cAAA,CAAe,UAAA;EAC7E,QAAA,GAAW,cAAA;AAAA;AAAA,KAGV,KAAA,oBAAyB,UAAA;EAAgB,UAAA,GAAa,UAAA;AAAA,IAAe,aAAA,GACtE,sBAAA,CAAuB,UAAA;AAAA,KAIf,UAAA;EAAe,KAAA;EAAe,IAAA;EAAe,KAAA;AAAA;AAAA,KAC7C,cAAA,IAAkB,KAAA,GAAQ,UAAA,EAAY,MAAA,GAAS,UAAA,CAAW,UAAA"}

package/Select-ghtIe-gD.d.cts

@@ -0,0 +1,36 @@
+import { n as FormLabelProps } from "./FormLabel-D4602qfd.cjs";
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from "react";
+import ReactSelectAsync from "react-select/async";
+import ReactSelectAsyncCreatable from "react-select/async-creatable";
+import ReactSelectCreatable from "react-select/creatable";
+import ReactSelect, { ActionMeta, components as selectBuiltins } from "react-select";
+
+//#region src/Select/Select.d.ts
+/**
+ * A customized + styled react-select
+ *
+ * @see https://react-select.com
+ */
+declare const Select: ForwardRefExoticComponent<Props<typeof ReactSelect> & RefAttributes<unknown>>;
+type ExtendedProps = {
+  /** Adds autocomplete attribute to the dom element, used for accessibility and password managers. */autoComplete?: string; /** If true, the label will be inside the select. */
+  isInsideLabel?: boolean; /** Set the size of the select to small (`34px` height, small=false is `42px`) */
+  small?: boolean; /** Position the select dropdown menu absolutely, relative to <body />. Useful in places like modals where the menu may get cut off */
+  usePortalMenu?: boolean;
+} & FormLabelProps;
+type AllSelects = typeof ReactSelect | typeof ReactSelectAsync | typeof ReactSelectAsyncCreatable | typeof ReactSelectCreatable;
+type OverridenOnChangeProps<SelectType extends AllSelects> = Omit<ComponentProps<SelectType>, 'onChange'> & {
+  onChange?: SelectOnChange;
+};
+type Props<SelectType extends AllSelects> = {
+  selectType?: SelectType;
+} & ExtendedProps & OverridenOnChangeProps<SelectType>;
+type OptionType = {
+  label: string;
+  name?: string;
+  value: any;
+};
+type SelectOnChange = (event?: OptionType, action?: ActionMeta<OptionType>) => void;
+//#endregion
+export { selectBuiltins as i, Select as n, SelectOnChange as r, OptionType as t };
+//# sourceMappingURL=Select-ghtIe-gD.d.cts.map

package/Select-ghtIe-gD.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-ghtIe-gD.d.cts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;;;;;;AAsCA;;;cAAa,MAAA,EA8ER,yBAAA,CAA0B,KAAA,QAAa,WAAA,IAAe,aAAA;AAAA,KAUtD,aAAA;EAV0B,oGAY3B,YAAA,WAZuD;EAcvD,aAAA,YAdoE;EAgBpE,KAAA,YANc;EAQd,aAAA;AAAA,IACA,cAAc;AAAA,KAEb,UAAA,UACQ,WAAA,UACA,gBAAA,UACA,yBAAA,UACA,oBAAA;AAAA,KAER,sBAAA,oBAA0C,UAAA,IAAc,IAAA,CAAK,cAAA,CAAe,UAAA;EAC7E,QAAA,GAAW,cAAA;AAAA;AAAA,KAGV,KAAA,oBAAyB,UAAA;EAAgB,UAAA,GAAa,UAAA;AAAA,IAAe,aAAA,GACtE,sBAAA,CAAuB,UAAA;AAAA,KAIf,UAAA;EAAe,KAAA;EAAe,IAAA;EAAe,KAAA;AAAA;AAAA,KAC7C,cAAA,IAAkB,KAAA,GAAQ,UAAA,EAAY,MAAA,GAAS,UAAA,CAAW,UAAA"}

package/SelectAsync-267GxTnI.d.cts

@@ -0,0 +1,11 @@
+import { n as Select, t as OptionType } from "./Select-ghtIe-gD.cjs";
+import { ComponentProps } from "react";
+import { AsyncProps } from "react-select/async";
+
+//#region src/Select/SelectAsync.d.ts
+declare const SelectAsync: ({
+  ...props
+}: ComponentProps<typeof Select> & AsyncProps<OptionType, any, any>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectAsync as t };
+//# sourceMappingURL=SelectAsync-267GxTnI.d.cts.map

package/SelectAsync-267GxTnI.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAsync-267GxTnI.d.cts","names":[],"sources":["../src/Select/SelectAsync.tsx"],"mappings":";;;;;cAMa,WAAA;EAAA,GAAe;AAAA,GAAc,cAAA,QAAsB,MAAA,IAAU,UAAA,CAAW,UAAA,4CAAqB,GAAA,CAAA,OAAA"}

package/SelectAsync-CLcESc8k.d.mts

@@ -0,0 +1,11 @@
+import { n as Select, t as OptionType } from "./Select-g4yFQq1-.mjs";
+import { ComponentProps } from "react";
+import { AsyncProps } from "react-select/async";
+
+//#region src/Select/SelectAsync.d.ts
+declare const SelectAsync: ({
+  ...props
+}: ComponentProps<typeof Select> & AsyncProps<OptionType, any, any>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectAsync as t };
+//# sourceMappingURL=SelectAsync-CLcESc8k.d.mts.map

package/SelectAsync-CLcESc8k.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAsync-CLcESc8k.d.mts","names":[],"sources":["../src/Select/SelectAsync.tsx"],"mappings":";;;;;cAMa,WAAA;EAAA,GAAe;AAAA,GAAc,cAAA,QAAsB,MAAA,IAAU,UAAA,CAAW,UAAA,4CAAqB,GAAA,CAAA,OAAA"}

package/SelectAsyncCreatable-B2gB_MWk.d.mts

@@ -0,0 +1,11 @@
+import { n as Select, t as OptionType } from "./Select-g4yFQq1-.mjs";
+import { ComponentProps } from "react";
+import { AsyncCreatableProps } from "react-select/async-creatable";
+
+//#region src/Select/SelectAsyncCreatable.d.ts
+declare const SelectAsyncCreatable: ({
+  ...props
+}: ComponentProps<typeof Select> & AsyncCreatableProps<OptionType, any, any>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectAsyncCreatable as t };
+//# sourceMappingURL=SelectAsyncCreatable-B2gB_MWk.d.mts.map

package/SelectAsyncCreatable-B2gB_MWk.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAsyncCreatable-B2gB_MWk.d.mts","names":[],"sources":["../src/Select/SelectAsyncCreatable.tsx"],"mappings":";;;;;cAKa,oBAAA;EAAA,GAAwB;AAAA,GAGlC,cAAA,QAAsB,MAAA,IAAU,mBAAA,CAAoB,UAAA,4CAAqB,GAAA,CAAA,OAAA"}

package/SelectAsyncCreatable-BhuvLhbk.d.cts

@@ -0,0 +1,11 @@
+import { n as Select, t as OptionType } from "./Select-ghtIe-gD.cjs";
+import { ComponentProps } from "react";
+import { AsyncCreatableProps } from "react-select/async-creatable";
+
+//#region src/Select/SelectAsyncCreatable.d.ts
+declare const SelectAsyncCreatable: ({
+  ...props
+}: ComponentProps<typeof Select> & AsyncCreatableProps<OptionType, any, any>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectAsyncCreatable as t };
+//# sourceMappingURL=SelectAsyncCreatable-BhuvLhbk.d.cts.map

package/SelectAsyncCreatable-BhuvLhbk.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAsyncCreatable-BhuvLhbk.d.cts","names":[],"sources":["../src/Select/SelectAsyncCreatable.tsx"],"mappings":";;;;;cAKa,oBAAA;EAAA,GAAwB;AAAA,GAGlC,cAAA,QAAsB,MAAA,IAAU,mBAAA,CAAoB,UAAA,4CAAqB,GAAA,CAAA,OAAA"}

package/SelectCreatable-C87i1L43.d.cts

@@ -0,0 +1,11 @@
+import { n as Select, t as OptionType } from "./Select-ghtIe-gD.cjs";
+import { ComponentProps } from "react";
+import { CreatableProps } from "react-select/creatable";
+
+//#region src/Select/SelectCreatable.d.ts
+declare const SelectCreatable: ({
+  ...props
+}: ComponentProps<typeof Select> & CreatableProps<OptionType, any, any>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectCreatable as t };
+//# sourceMappingURL=SelectCreatable-C87i1L43.d.cts.map

package/SelectCreatable-C87i1L43.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCreatable-C87i1L43.d.cts","names":[],"sources":["../src/Select/SelectCreatable.tsx"],"mappings":";;;;;cAMa,eAAA;EAAA,GAAmB;AAAA,GAAc,cAAA,QAAsB,MAAA,IAAU,cAAA,CAAe,UAAA,4CAAqB,GAAA,CAAA,OAAA"}

package/SelectCreatable-CNVa1sx-.d.mts

@@ -0,0 +1,11 @@
+import { n as Select, t as OptionType } from "./Select-g4yFQq1-.mjs";
+import { ComponentProps } from "react";
+import { CreatableProps } from "react-select/creatable";
+
+//#region src/Select/SelectCreatable.d.ts
+declare const SelectCreatable: ({
+  ...props
+}: ComponentProps<typeof Select> & CreatableProps<OptionType, any, any>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectCreatable as t };
+//# sourceMappingURL=SelectCreatable-CNVa1sx-.d.mts.map

package/SelectCreatable-CNVa1sx-.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCreatable-CNVa1sx-.d.mts","names":[],"sources":["../src/Select/SelectCreatable.tsx"],"mappings":";;;;;cAMa,eAAA;EAAA,GAAmB;AAAA,GAAc,cAAA,QAAsB,MAAA,IAAU,cAAA,CAAe,UAAA,4CAAqB,GAAA,CAAA,OAAA"}

package/SingleCard-DPaHU2wR.d.mts

@@ -0,0 +1,19 @@
+import { t as SharedProps } from "./sharedProps-D7PSXdXt.mjs";
+
+//#region src/Card/SingleCard.d.ts
+type Props<CardData> = {
+  className?: string;
+  /**
+   * The data to pass to the card component.
+   */
+  data: CardData;
+} & SharedProps<CardData>;
+declare const SingleCard: <CardData>({
+  card: Card,
+  className,
+  data,
+  forceSkeleton
+}: Props<CardData>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SingleCard as t };
+//# sourceMappingURL=SingleCard-DPaHU2wR.d.mts.map

package/SingleCard-DPaHU2wR.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCard-DPaHU2wR.d.mts","names":[],"sources":["../src/Card/SingleCard.tsx"],"mappings":";;;KAEK,KAAA;EACD,SAAA;EADC;;;EAKD,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,CAAY,QAAA;AAAA,cAEH,UAAA;EAAyB,IAAA,EAAA,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,GAAgD,KAAA,CAAM,QAAA,kCAAS,GAAA,CAAA,OAAA"}

package/SingleCard-X1dP0AHZ.d.cts

@@ -0,0 +1,19 @@
+import { t as SharedProps } from "./sharedProps-DPhLON6O.cjs";
+
+//#region src/Card/SingleCard.d.ts
+type Props<CardData> = {
+  className?: string;
+  /**
+   * The data to pass to the card component.
+   */
+  data: CardData;
+} & SharedProps<CardData>;
+declare const SingleCard: <CardData>({
+  card: Card,
+  className,
+  data,
+  forceSkeleton
+}: Props<CardData>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SingleCard as t };
+//# sourceMappingURL=SingleCard-X1dP0AHZ.d.cts.map

package/SingleCard-X1dP0AHZ.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCard-X1dP0AHZ.d.cts","names":[],"sources":["../src/Card/SingleCard.tsx"],"mappings":";;;KAEK,KAAA;EACD,SAAA;EADC;;;EAKD,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,CAAY,QAAA;AAAA,cAEH,UAAA;EAAyB,IAAA,EAAA,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,GAAgD,KAAA,CAAM,QAAA,kCAAS,GAAA,CAAA,OAAA"}

package/Skeleton-40Vi20JV.d.cts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+import ContentLoader from "react-content-loader";
+
+//#region src/Skeleton/Skeleton.d.ts
+/**
+ * A reexported version of `react-content-loader`.
+ *
+ * This component is mostly reserved here for any future styling updates that might want to apply to _every_ skeleton.
+ *
+ * @see https://skeletonreact.com/
+ */
+declare const Skeleton: (props: ComponentProps<typeof ContentLoader>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Skeleton as t };
+//# sourceMappingURL=Skeleton-40Vi20JV.d.cts.map

package/Skeleton-40Vi20JV.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton-40Vi20JV.d.cts","names":[],"sources":["../src/Skeleton/Skeleton.tsx"],"mappings":";;;;;;AAUA;;;;;cAAa,QAAA,GAAY,KAAA,EAAO,cAAc,QAAQ,aAAA,kCAAc,GAAA,CAAA,OAAA"}

package/Skeleton-40Vi20JV.d.mts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+import ContentLoader from "react-content-loader";
+
+//#region src/Skeleton/Skeleton.d.ts
+/**
+ * A reexported version of `react-content-loader`.
+ *
+ * This component is mostly reserved here for any future styling updates that might want to apply to _every_ skeleton.
+ *
+ * @see https://skeletonreact.com/
+ */
+declare const Skeleton: (props: ComponentProps<typeof ContentLoader>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Skeleton as t };
+//# sourceMappingURL=Skeleton-40Vi20JV.d.mts.map

package/Skeleton-40Vi20JV.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton-40Vi20JV.d.mts","names":[],"sources":["../src/Skeleton/Skeleton.tsx"],"mappings":";;;;;;AAUA;;;;;cAAa,QAAA,GAAY,KAAA,EAAO,cAAc,QAAQ,aAAA,kCAAc,GAAA,CAAA,OAAA"}