@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/components/Select2/components/Trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getFontSize } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    emptyValue?: Select2OptionValue;\n    placeholder?: string;\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\ntype PlaceholderProps = React.PropsWithChildren<{\n    disabled: boolean;\n    readOnly: boolean;\n}>;\n\nconst Placeholder = ({ disabled, readOnly, ...props }: PlaceholderProps) => {\n    if (readOnly) {\n        return null;\n    }\n    return (\n        <div\n            {...props}\n            className={cn({ 'text-gray-500': disabled, 'text-gray-700': !disabled })}\n            data-taco=\"select2-placeholder\"\n        />\n    );\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value === undefined ? undefined : [value];\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n    const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'px-1.5 h-fit',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n            .replace('w-full', '')\n            .replace('px-2', ''),\n        getFontSize(fontSize),\n        {\n            'select-text': readOnly,\n            'w-full': !props.className?.includes('w-'),\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    let handleBlur;\n\n    if (typeof onBlur === 'function') {\n        // we might be focusing on an input or something inside the dropdown that was triggered by the select\n        // so see if the element gaining focus is inside a portal and look up its controller\n        // if we don't do this, things like validate on blur occur while simply opening the select\n        handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            onBlur(event);\n        };\n    }\n\n    // select the value text if the select is readonly\n    const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n\n        if (typeof onFocus === 'function') {\n            onFocus(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('truncate flex items-center gap-1');\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (placeholder && currentValue === undefined) {\n        output = (\n            <Placeholder disabled={disabled} readOnly={readOnly}>\n                {placeholder}\n            </Placeholder>\n        );\n    } else if (currentValue) {\n        if (tags && emptyValue !== value) {\n            if (typeof currentValue.props.children === 'string')\n                output = (\n                    <Tag\n                        className=\"truncate\"\n                        color={currentValue.props.color}\n                        disabled={disabled}\n                        icon={currentValue.props.prefix}\n                        readOnly={readOnly}>\n                        {currentValue.props.children}\n                    </Tag>\n                );\n            else output = currentValue.props.children;\n        } else {\n            output = (\n                <>\n                    {currentValue.props.prefix ? (\n                        typeof currentValue.props.prefix === 'string' ? (\n                            <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n                        ) : (\n                            currentValue.props.prefix\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <div className={contentClassName} data-taco={placeholder ? undefined : 'select2-value'}>\n                {output}\n            </div>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const valuesAsChildren = values\n        .map(value => children.find(c => c.props.value === value))\n        .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n    const forwardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        buttonRef.current?.click();\n    };\n\n    let content;\n    let { className } = buttonProps;\n\n    if (open) {\n        const hasValues = valuesAsChildren.length > 0;\n        className = cn('!absolute z-20 !h-fit', buttonProps.className);\n        content = (\n            <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n                <div className=\"flex flex-wrap gap-1\" data-taco=\"select2-value\">\n                    {hasValues ? (\n                        valuesAsChildren.map(child =>\n                            typeof child.props.children === 'string' ? (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    onDelete={event => {\n                                        event?.stopPropagation();\n                                        event?.preventDefault();\n\n                                        if (!disabled && !readOnly) {\n                                            setValue(child.props.value);\n                                        }\n                                    }}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ) : (\n                                React.cloneElement(\n                                    child.props.children as React.ReactElement<\n                                        typeof Badge & {\n                                            children: BadgeProps['children'];\n                                            className: BadgeProps['className'];\n                                        }\n                                    >,\n                                    {\n                                        key: String(child.props.value),\n                                        className: '!pr-0 !pl-1.5',\n                                        children: (\n                                            <span className=\"flex items-center\" data-taco=\"select2-value\">\n                                                {(child.props.children as React.ReactElement).props.children}\n                                                <Icon\n                                                    name=\"close\"\n                                                    onClick={event => {\n                                                        event?.stopPropagation();\n                                                        event?.preventDefault();\n\n                                                        if (!disabled && !readOnly) {\n                                                            setValue(child.props.value);\n                                                        }\n                                                    }}\n                                                    className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                                                />\n                                            </span>\n                                        ),\n                                    }\n                                )\n                            )\n                        )\n                    ) : (\n                        <Placeholder disabled={disabled} readOnly={readOnly}>\n                            {placeholder}\n                        </Placeholder>\n                    )}\n                </div>\n            </ScrollArea>\n        );\n    } else {\n        content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n    }\n\n    return (\n        <div\n            className=\"relative inline-flex h-fit flex-grow\"\n            data-taco=\"select2-container\"\n            style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n            <Button {...buttonProps} className={className} ref={buttonRef}>\n                {content}\n            </Button>\n        </div>\n    );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' | 'children' | 'onClick'> & {\n    valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n    placeholder?: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const [contentRef, setContentRef] = React.useState<HTMLDivElement | null>(null);\n    const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n    // Retrieves the relevant text content from any JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n    const getTooltipTitle = (child: React.ReactElement): string | string[] => {\n        const children = child.props.children;\n\n        if (typeof children === 'string') return children;\n        if (typeof children.props.children === 'string') {\n            return children.props.children;\n        }\n\n        if (Array.isArray(children.props.children)) {\n            return children.props.children.filter((item: React.ReactNode) => typeof item === 'string');\n        }\n\n        return '';\n    };\n\n    return (\n        <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n            <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)} data-taco=\"select2-value\">\n                {valuesAsChildren.length === 0 ? (\n                    <Placeholder disabled={disabled} readOnly={readOnly}>\n                        {placeholder}\n                    </Placeholder>\n                ) : (\n                    valuesAsChildren.map((child, index) => {\n                        const classNames = {\n                            truncate: index === boundaryIndex,\n                            hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                        };\n                        let output;\n                        if (typeof child.props.children === 'string') {\n                            output = (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className={cn('cursor-pointer', classNames)}\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            );\n                        } else\n                            output = React.cloneElement(\n                                child.props.children as React.ReactElement<\n                                    typeof Badge & {\n                                        className: BadgeProps['className'];\n                                    }\n                                >,\n                                {\n                                    className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n                                    key: String(child.props.value),\n                                }\n                            );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n                                    {output}\n                                </Tooltip>\n                            );\n                        }\n\n                        return output;\n                    })\n                )}\n            </div>\n\n            {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                <Tooltip\n                    title={valuesAsChildren\n                        .slice(boundaryIndex + 1)\n                        .map(child => (child ? String(getTooltipTitle(child)) : ''))\n                        .join(', ')}>\n                    <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                </Tooltip>\n            ) : null}\n        </div>\n    );\n};\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["useSelect2Context","getInputClasses","getFontSize","isElementInsideOrTriggeredFromContainer","_a","Icon","Tag","useMergedRef","ScrollArea","getIndexOfFirstChildOverflowingParent","Tooltip","Badge"],"mappings":"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"}
+{"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { FONT_SIZE_CLASSNAME } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    emptyValue?: Select2OptionValue;\n    placeholder?: string;\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\ntype PlaceholderProps = React.PropsWithChildren<{\n    disabled: boolean;\n    readOnly: boolean;\n}>;\n\nconst Placeholder = ({ disabled, readOnly, ...props }: PlaceholderProps) => {\n    if (readOnly) {\n        return null;\n    }\n    return (\n        <div\n            {...props}\n            className={cn({ 'text-gray-500': disabled, 'text-gray-700': !disabled })}\n            data-taco=\"select2-placeholder\"\n        />\n    );\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value === undefined ? undefined : [value];\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n    const { disabled, fontSize = 'medium', highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'h-fit px-1.5',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n            .replace('w-full', '')\n            .replace('px-2', ''),\n        FONT_SIZE_CLASSNAME[fontSize],\n        {\n            'select-text': readOnly,\n            'w-full': !props.className?.includes('w-'),\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    let handleBlur;\n\n    if (typeof onBlur === 'function') {\n        // we might be focusing on an input or something inside the dropdown that was triggered by the select\n        // so see if the element gaining focus is inside a portal and look up its controller\n        // if we don't do this, things like validate on blur occur while simply opening the select\n        handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            onBlur(event);\n        };\n    }\n\n    // select the value text if the select is readonly\n    const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n\n        if (typeof onFocus === 'function') {\n            onFocus(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('flex items-center gap-1 truncate');\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (placeholder && currentValue === undefined) {\n        output = (\n            <Placeholder disabled={disabled} readOnly={readOnly}>\n                {placeholder}\n            </Placeholder>\n        );\n    } else if (currentValue) {\n        if (tags && emptyValue !== value) {\n            if (typeof currentValue.props.children === 'string')\n                output = (\n                    <Tag\n                        className=\"truncate\"\n                        color={currentValue.props.color}\n                        disabled={disabled}\n                        icon={currentValue.props.prefix}\n                        readOnly={readOnly}>\n                        {currentValue.props.children}\n                    </Tag>\n                );\n            else output = currentValue.props.children;\n        } else {\n            output = (\n                <>\n                    {currentValue.props.prefix ? (\n                        typeof currentValue.props.prefix === 'string' ? (\n                            <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n                        ) : (\n                            currentValue.props.prefix\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <div className={contentClassName} data-taco={placeholder ? undefined : 'select2-value'}>\n                {output}\n            </div>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const valuesAsChildren = values\n        .map(value => children.find(c => c.props.value === value))\n        .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n    const forwardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        buttonRef.current?.click();\n    };\n\n    let content;\n    let { className } = buttonProps;\n\n    if (open) {\n        const hasValues = valuesAsChildren.length > 0;\n        className = cn('!absolute z-20 !h-fit', buttonProps.className);\n        content = (\n            <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n                <div className=\"flex flex-wrap gap-1\" data-taco=\"select2-value\">\n                    {hasValues ? (\n                        valuesAsChildren.map(child =>\n                            typeof child.props.children === 'string' ? (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    onDelete={event => {\n                                        event?.stopPropagation();\n                                        event?.preventDefault();\n\n                                        if (!disabled && !readOnly) {\n                                            setValue(child.props.value);\n                                        }\n                                    }}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ) : (\n                                React.cloneElement(\n                                    child.props.children as React.ReactElement<\n                                        typeof Badge & {\n                                            children: BadgeProps['children'];\n                                            className: BadgeProps['className'];\n                                        }\n                                    >,\n                                    {\n                                        key: String(child.props.value),\n                                        className: '!pr-0 !pl-1.5',\n                                        children: (\n                                            <span className=\"flex items-center\" data-taco=\"select2-value\">\n                                                {\n                                                    (\n                                                        child.props as {\n                                                            children: React.ReactElement<{ children?: React.ReactNode }>;\n                                                        }\n                                                    ).children.props.children\n                                                }\n                                                <Icon\n                                                    name=\"close\"\n                                                    onClick={event => {\n                                                        event?.stopPropagation();\n                                                        event?.preventDefault();\n\n                                                        if (!disabled && !readOnly) {\n                                                            setValue(child.props.value);\n                                                        }\n                                                    }}\n                                                    className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                                                />\n                                            </span>\n                                        ),\n                                    }\n                                )\n                            )\n                        )\n                    ) : (\n                        <Placeholder disabled={disabled} readOnly={readOnly}>\n                            {placeholder}\n                        </Placeholder>\n                    )}\n                </div>\n            </ScrollArea>\n        );\n    } else {\n        content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n    }\n\n    return (\n        <div\n            className=\"relative inline-flex h-fit flex-grow\"\n            data-taco=\"select2-container\"\n            style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n            <Button {...buttonProps} className={className} ref={buttonRef}>\n                {content}\n            </Button>\n        </div>\n    );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' | 'children' | 'onClick'> & {\n    valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n    placeholder?: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const [contentRef, setContentRef] = React.useState<HTMLDivElement | null>(null);\n    const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n    // Retrieves the relevant text content from any React.JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n    const getTooltipTitle = (child: React.ReactElement<{ children?: React.ReactNode }>): string | string[] => {\n        const children = child.props.children;\n\n        if (typeof children === 'string') return children;\n\n        const nested = (children as React.ReactElement<{ children?: React.ReactNode }> | undefined)?.props?.children;\n\n        if (typeof nested === 'string') {\n            return nested;\n        }\n\n        if (Array.isArray(nested)) {\n            return nested.filter((item: React.ReactNode): item is string => typeof item === 'string');\n        }\n\n        return '';\n    };\n\n    return (\n        <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n            <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)} data-taco=\"select2-value\">\n                {valuesAsChildren.length === 0 ? (\n                    <Placeholder disabled={disabled} readOnly={readOnly}>\n                        {placeholder}\n                    </Placeholder>\n                ) : (\n                    valuesAsChildren.map((child, index) => {\n                        const classNames = {\n                            truncate: index === boundaryIndex,\n                            hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                        };\n                        let output;\n                        if (typeof child.props.children === 'string') {\n                            output = (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className={cn('cursor-pointer', classNames)}\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            );\n                        } else\n                            output = React.cloneElement(\n                                child.props.children as React.ReactElement<\n                                    typeof Badge & {\n                                        className: BadgeProps['className'];\n                                    }\n                                >,\n                                {\n                                    className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n                                    key: String(child.props.value),\n                                }\n                            );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n                                    {output}\n                                </Tooltip>\n                            );\n                        }\n\n                        return output;\n                    })\n                )}\n            </div>\n\n            {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                <Tooltip\n                    title={valuesAsChildren\n                        .slice(boundaryIndex + 1)\n                        .map(child => (child ? String(getTooltipTitle(child)) : ''))\n                        .join(', ')}>\n                    <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                </Tooltip>\n            ) : null}\n        </div>\n    );\n};\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["useSelect2Context","getInputClasses","FONT_SIZE_CLASSNAME","isElementInsideOrTriggeredFromContainer","Icon","Tag","useMergedRef","ScrollArea","getIndexOfFirstChildOverflowingParent","Tooltip","Badge"],"mappings":"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"}

package/dist/components/Select2/components/Trigger.js

@@ -9,7 +9,7 @@ import { useSelect2Context } from "./Context.js";
 import { isElementInsideOrTriggeredFromContainer, getIndexOfFirstChildOverflowingParent } from "../../../utils/dom.js";
 import { ScrollArea } from "../../ScrollArea/ScrollArea.js";
 import { useMergedRef } from "../../../hooks/useMergedRef.js";
-import { getFontSize } from "../utilities.js";
+import { FONT_SIZE_CLASSNAME } from "../utilities.js";
 const Placeholder = ({ disabled, readOnly, ...props }) => {
   if (readOnly) {
     return null;
@@ -32,16 +32,15 @@ const Trigger = React__default.forwardRef(function Select2Trigger(props, ref) {
   return /* @__PURE__ */ React__default.createElement(Single, { ...props, ref, value });
 });
 const Button = React__default.forwardRef(function Select2TriggerButton(props, ref) {
-  var _a;
   const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;
-  const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();
+  const { disabled, fontSize = "medium", highlighted, invalid, open, readOnly } = useSelect2Context();
   const className = cn(
-    "px-1.5 h-fit",
+    "h-fit px-1.5",
     getInputClasses({ ...props, disabled, highlighted, invalid, readOnly }).replace("w-full", "").replace("px-2", ""),
-    getFontSize(fontSize),
+    FONT_SIZE_CLASSNAME[fontSize],
     {
       "select-text": readOnly,
-      "w-full": !((_a = props.className) == null ? void 0 : _a.includes("w-"))
+      "w-full": !props.className?.includes("w-")
     },
     props.className
   );
@@ -64,11 +63,10 @@ const Button = React__default.forwardRef(function Select2TriggerButton(props, re
     };
   }
   const handleFocus = (event) => {
-    var _a2, _b;
     if (readOnly) {
       const value = event.currentTarget.querySelector(":first-child");
       if (value) {
-        (_b = (_a2 = window.getSelection()) == null ? void 0 : _a2.selectAllChildren) == null ? void 0 : _b.call(_a2, value);
+        window.getSelection()?.selectAllChildren?.(value);
       }
     }
     if (typeof onFocus === "function") {
@@ -98,7 +96,7 @@ const Button = React__default.forwardRef(function Select2TriggerButton(props, re
 const Single = React__default.forwardRef(function Select2TriggerSingle(props, ref) {
   const { children, emptyValue, value, placeholder, ...buttonProps } = props;
   const { disabled, readOnly, tags } = useSelect2Context();
-  const contentClassName = cn("truncate flex items-center gap-1");
+  const contentClassName = cn("flex items-center gap-1 truncate");
   const currentValue = children.find(matchesValue(value));
   let output;
   if (placeholder && currentValue === void 0) {
@@ -125,15 +123,13 @@ const Single = React__default.forwardRef(function Select2TriggerSingle(props, re
   return /* @__PURE__ */ React__default.createElement(Button, { ...buttonProps, ref }, /* @__PURE__ */ React__default.createElement("div", { className: contentClassName, "data-taco": placeholder ? void 0 : "select2-value" }, output));
 });
 const Multiple = React__default.forwardRef(function Select2TriggerMultiple(props, ref) {
-  var _a;
   const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;
   const { disabled, open, readOnly, setValue, tags } = useSelect2Context();
   const buttonRef = useMergedRef(ref);
   const valuesAsChildren = values.map((value) => children.find((c) => c.props.value === value)).filter((c) => !!c);
   const forwardClick = (event) => {
-    var _a2;
     event.preventDefault();
-    (_a2 = buttonRef.current) == null ? void 0 : _a2.click();
+    buttonRef.current?.click();
   };
   let content;
   let { className } = buttonProps;
@@ -150,8 +146,8 @@ const Multiple = React__default.forwardRef(function Select2TriggerMultiple(props
           disabled,
           icon: child.props.prefix,
           onDelete: (event) => {
-            event == null ? void 0 : event.stopPropagation();
-            event == null ? void 0 : event.preventDefault();
+            event?.stopPropagation();
+            event?.preventDefault();
             if (!disabled && !readOnly) {
               setValue(child.props.value);
             }
@@ -169,8 +165,8 @@ const Multiple = React__default.forwardRef(function Select2TriggerMultiple(props
             {
               name: "close",
               onClick: (event) => {
-                event == null ? void 0 : event.stopPropagation();
-                event == null ? void 0 : event.preventDefault();
+                event?.stopPropagation();
+                event?.preventDefault();
                 if (!disabled && !readOnly) {
                   setValue(child.props.value);
                 }
@@ -189,7 +185,7 @@ const Multiple = React__default.forwardRef(function Select2TriggerMultiple(props
     {
       className: "relative inline-flex h-fit flex-grow",
       "data-taco": "select2-container",
-      style: { width: open ? (_a = buttonRef.current) == null ? void 0 : _a.offsetWidth : void 0 }
+      style: { width: open ? buttonRef.current?.offsetWidth : void 0 }
     },
     /* @__PURE__ */ React__default.createElement(Button, { ...buttonProps, className, ref: buttonRef }, content)
   );
@@ -201,11 +197,12 @@ const MultipleValue = ({ onClick, valuesAsChildren, placeholder }) => {
   const getTooltipTitle = (child) => {
     const children = child.props.children;
     if (typeof children === "string") return children;
-    if (typeof children.props.children === "string") {
-      return children.props.children;
+    const nested = children?.props?.children;
+    if (typeof nested === "string") {
+      return nested;
     }
-    if (Array.isArray(children.props.children)) {
-      return children.props.children.filter((item) => typeof item === "string");
+    if (Array.isArray(nested)) {
+      return nested.filter((item) => typeof item === "string");
     }
     return "";
   };

package/dist/components/Select2/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getFontSize } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    emptyValue?: Select2OptionValue;\n    placeholder?: string;\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\ntype PlaceholderProps = React.PropsWithChildren<{\n    disabled: boolean;\n    readOnly: boolean;\n}>;\n\nconst Placeholder = ({ disabled, readOnly, ...props }: PlaceholderProps) => {\n    if (readOnly) {\n        return null;\n    }\n    return (\n        <div\n            {...props}\n            className={cn({ 'text-gray-500': disabled, 'text-gray-700': !disabled })}\n            data-taco=\"select2-placeholder\"\n        />\n    );\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value === undefined ? undefined : [value];\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n    const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'px-1.5 h-fit',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n            .replace('w-full', '')\n            .replace('px-2', ''),\n        getFontSize(fontSize),\n        {\n            'select-text': readOnly,\n            'w-full': !props.className?.includes('w-'),\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    let handleBlur;\n\n    if (typeof onBlur === 'function') {\n        // we might be focusing on an input or something inside the dropdown that was triggered by the select\n        // so see if the element gaining focus is inside a portal and look up its controller\n        // if we don't do this, things like validate on blur occur while simply opening the select\n        handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            onBlur(event);\n        };\n    }\n\n    // select the value text if the select is readonly\n    const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n\n        if (typeof onFocus === 'function') {\n            onFocus(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('truncate flex items-center gap-1');\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (placeholder && currentValue === undefined) {\n        output = (\n            <Placeholder disabled={disabled} readOnly={readOnly}>\n                {placeholder}\n            </Placeholder>\n        );\n    } else if (currentValue) {\n        if (tags && emptyValue !== value) {\n            if (typeof currentValue.props.children === 'string')\n                output = (\n                    <Tag\n                        className=\"truncate\"\n                        color={currentValue.props.color}\n                        disabled={disabled}\n                        icon={currentValue.props.prefix}\n                        readOnly={readOnly}>\n                        {currentValue.props.children}\n                    </Tag>\n                );\n            else output = currentValue.props.children;\n        } else {\n            output = (\n                <>\n                    {currentValue.props.prefix ? (\n                        typeof currentValue.props.prefix === 'string' ? (\n                            <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n                        ) : (\n                            currentValue.props.prefix\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <div className={contentClassName} data-taco={placeholder ? undefined : 'select2-value'}>\n                {output}\n            </div>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const valuesAsChildren = values\n        .map(value => children.find(c => c.props.value === value))\n        .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n    const forwardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        buttonRef.current?.click();\n    };\n\n    let content;\n    let { className } = buttonProps;\n\n    if (open) {\n        const hasValues = valuesAsChildren.length > 0;\n        className = cn('!absolute z-20 !h-fit', buttonProps.className);\n        content = (\n            <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n                <div className=\"flex flex-wrap gap-1\" data-taco=\"select2-value\">\n                    {hasValues ? (\n                        valuesAsChildren.map(child =>\n                            typeof child.props.children === 'string' ? (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    onDelete={event => {\n                                        event?.stopPropagation();\n                                        event?.preventDefault();\n\n                                        if (!disabled && !readOnly) {\n                                            setValue(child.props.value);\n                                        }\n                                    }}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ) : (\n                                React.cloneElement(\n                                    child.props.children as React.ReactElement<\n                                        typeof Badge & {\n                                            children: BadgeProps['children'];\n                                            className: BadgeProps['className'];\n                                        }\n                                    >,\n                                    {\n                                        key: String(child.props.value),\n                                        className: '!pr-0 !pl-1.5',\n                                        children: (\n                                            <span className=\"flex items-center\" data-taco=\"select2-value\">\n                                                {(child.props.children as React.ReactElement).props.children}\n                                                <Icon\n                                                    name=\"close\"\n                                                    onClick={event => {\n                                                        event?.stopPropagation();\n                                                        event?.preventDefault();\n\n                                                        if (!disabled && !readOnly) {\n                                                            setValue(child.props.value);\n                                                        }\n                                                    }}\n                                                    className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                                                />\n                                            </span>\n                                        ),\n                                    }\n                                )\n                            )\n                        )\n                    ) : (\n                        <Placeholder disabled={disabled} readOnly={readOnly}>\n                            {placeholder}\n                        </Placeholder>\n                    )}\n                </div>\n            </ScrollArea>\n        );\n    } else {\n        content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n    }\n\n    return (\n        <div\n            className=\"relative inline-flex h-fit flex-grow\"\n            data-taco=\"select2-container\"\n            style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n            <Button {...buttonProps} className={className} ref={buttonRef}>\n                {content}\n            </Button>\n        </div>\n    );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' | 'children' | 'onClick'> & {\n    valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n    placeholder?: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const [contentRef, setContentRef] = React.useState<HTMLDivElement | null>(null);\n    const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n    // Retrieves the relevant text content from any JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n    const getTooltipTitle = (child: React.ReactElement): string | string[] => {\n        const children = child.props.children;\n\n        if (typeof children === 'string') return children;\n        if (typeof children.props.children === 'string') {\n            return children.props.children;\n        }\n\n        if (Array.isArray(children.props.children)) {\n            return children.props.children.filter((item: React.ReactNode) => typeof item === 'string');\n        }\n\n        return '';\n    };\n\n    return (\n        <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n            <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)} data-taco=\"select2-value\">\n                {valuesAsChildren.length === 0 ? (\n                    <Placeholder disabled={disabled} readOnly={readOnly}>\n                        {placeholder}\n                    </Placeholder>\n                ) : (\n                    valuesAsChildren.map((child, index) => {\n                        const classNames = {\n                            truncate: index === boundaryIndex,\n                            hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                        };\n                        let output;\n                        if (typeof child.props.children === 'string') {\n                            output = (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className={cn('cursor-pointer', classNames)}\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            );\n                        } else\n                            output = React.cloneElement(\n                                child.props.children as React.ReactElement<\n                                    typeof Badge & {\n                                        className: BadgeProps['className'];\n                                    }\n                                >,\n                                {\n                                    className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n                                    key: String(child.props.value),\n                                }\n                            );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n                                    {output}\n                                </Tooltip>\n                            );\n                        }\n\n                        return output;\n                    })\n                )}\n            </div>\n\n            {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                <Tooltip\n                    title={valuesAsChildren\n                        .slice(boundaryIndex + 1)\n                        .map(child => (child ? String(getTooltipTitle(child)) : ''))\n                        .join(', ')}>\n                    <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                </Tooltip>\n            ) : null}\n        </div>\n    );\n};\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"Trigger.js","sources":["../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { FONT_SIZE_CLASSNAME } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    emptyValue?: Select2OptionValue;\n    placeholder?: string;\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\ntype PlaceholderProps = React.PropsWithChildren<{\n    disabled: boolean;\n    readOnly: boolean;\n}>;\n\nconst Placeholder = ({ disabled, readOnly, ...props }: PlaceholderProps) => {\n    if (readOnly) {\n        return null;\n    }\n    return (\n        <div\n            {...props}\n            className={cn({ 'text-gray-500': disabled, 'text-gray-700': !disabled })}\n            data-taco=\"select2-placeholder\"\n        />\n    );\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value === undefined ? undefined : [value];\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n    const { disabled, fontSize = 'medium', highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'h-fit px-1.5',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n            .replace('w-full', '')\n            .replace('px-2', ''),\n        FONT_SIZE_CLASSNAME[fontSize],\n        {\n            'select-text': readOnly,\n            'w-full': !props.className?.includes('w-'),\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    let handleBlur;\n\n    if (typeof onBlur === 'function') {\n        // we might be focusing on an input or something inside the dropdown that was triggered by the select\n        // so see if the element gaining focus is inside a portal and look up its controller\n        // if we don't do this, things like validate on blur occur while simply opening the select\n        handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            onBlur(event);\n        };\n    }\n\n    // select the value text if the select is readonly\n    const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n\n        if (typeof onFocus === 'function') {\n            onFocus(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('flex items-center gap-1 truncate');\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (placeholder && currentValue === undefined) {\n        output = (\n            <Placeholder disabled={disabled} readOnly={readOnly}>\n                {placeholder}\n            </Placeholder>\n        );\n    } else if (currentValue) {\n        if (tags && emptyValue !== value) {\n            if (typeof currentValue.props.children === 'string')\n                output = (\n                    <Tag\n                        className=\"truncate\"\n                        color={currentValue.props.color}\n                        disabled={disabled}\n                        icon={currentValue.props.prefix}\n                        readOnly={readOnly}>\n                        {currentValue.props.children}\n                    </Tag>\n                );\n            else output = currentValue.props.children;\n        } else {\n            output = (\n                <>\n                    {currentValue.props.prefix ? (\n                        typeof currentValue.props.prefix === 'string' ? (\n                            <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n                        ) : (\n                            currentValue.props.prefix\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <div className={contentClassName} data-taco={placeholder ? undefined : 'select2-value'}>\n                {output}\n            </div>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n    const valuesAsChildren = values\n        .map(value => children.find(c => c.props.value === value))\n        .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n    const forwardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        buttonRef.current?.click();\n    };\n\n    let content;\n    let { className } = buttonProps;\n\n    if (open) {\n        const hasValues = valuesAsChildren.length > 0;\n        className = cn('!absolute z-20 !h-fit', buttonProps.className);\n        content = (\n            <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n                <div className=\"flex flex-wrap gap-1\" data-taco=\"select2-value\">\n                    {hasValues ? (\n                        valuesAsChildren.map(child =>\n                            typeof child.props.children === 'string' ? (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    onDelete={event => {\n                                        event?.stopPropagation();\n                                        event?.preventDefault();\n\n                                        if (!disabled && !readOnly) {\n                                            setValue(child.props.value);\n                                        }\n                                    }}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ) : (\n                                React.cloneElement(\n                                    child.props.children as React.ReactElement<\n                                        typeof Badge & {\n                                            children: BadgeProps['children'];\n                                            className: BadgeProps['className'];\n                                        }\n                                    >,\n                                    {\n                                        key: String(child.props.value),\n                                        className: '!pr-0 !pl-1.5',\n                                        children: (\n                                            <span className=\"flex items-center\" data-taco=\"select2-value\">\n                                                {\n                                                    (\n                                                        child.props as {\n                                                            children: React.ReactElement<{ children?: React.ReactNode }>;\n                                                        }\n                                                    ).children.props.children\n                                                }\n                                                <Icon\n                                                    name=\"close\"\n                                                    onClick={event => {\n                                                        event?.stopPropagation();\n                                                        event?.preventDefault();\n\n                                                        if (!disabled && !readOnly) {\n                                                            setValue(child.props.value);\n                                                        }\n                                                    }}\n                                                    className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                                                />\n                                            </span>\n                                        ),\n                                    }\n                                )\n                            )\n                        )\n                    ) : (\n                        <Placeholder disabled={disabled} readOnly={readOnly}>\n                            {placeholder}\n                        </Placeholder>\n                    )}\n                </div>\n            </ScrollArea>\n        );\n    } else {\n        content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n    }\n\n    return (\n        <div\n            className=\"relative inline-flex h-fit flex-grow\"\n            data-taco=\"select2-container\"\n            style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n            <Button {...buttonProps} className={className} ref={buttonRef}>\n                {content}\n            </Button>\n        </div>\n    );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' | 'children' | 'onClick'> & {\n    valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n    placeholder?: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const [contentRef, setContentRef] = React.useState<HTMLDivElement | null>(null);\n    const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n    // Retrieves the relevant text content from any React.JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n    const getTooltipTitle = (child: React.ReactElement<{ children?: React.ReactNode }>): string | string[] => {\n        const children = child.props.children;\n\n        if (typeof children === 'string') return children;\n\n        const nested = (children as React.ReactElement<{ children?: React.ReactNode }> | undefined)?.props?.children;\n\n        if (typeof nested === 'string') {\n            return nested;\n        }\n\n        if (Array.isArray(nested)) {\n            return nested.filter((item: React.ReactNode): item is string => typeof item === 'string');\n        }\n\n        return '';\n    };\n\n    return (\n        <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n            <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)} data-taco=\"select2-value\">\n                {valuesAsChildren.length === 0 ? (\n                    <Placeholder disabled={disabled} readOnly={readOnly}>\n                        {placeholder}\n                    </Placeholder>\n                ) : (\n                    valuesAsChildren.map((child, index) => {\n                        const classNames = {\n                            truncate: index === boundaryIndex,\n                            hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                        };\n                        let output;\n                        if (typeof child.props.children === 'string') {\n                            output = (\n                                <Tag\n                                    key={String(child.props.value)}\n                                    className={cn('cursor-pointer', classNames)}\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.prefix}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            );\n                        } else\n                            output = React.cloneElement(\n                                child.props.children as React.ReactElement<\n                                    typeof Badge & {\n                                        className: BadgeProps['className'];\n                                    }\n                                >,\n                                {\n                                    className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n                                    key: String(child.props.value),\n                                }\n                            );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n                                    {output}\n                                </Tooltip>\n                            );\n                        }\n\n                        return output;\n                    })\n                )}\n            </div>\n\n            {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                <Tooltip\n                    title={valuesAsChildren\n                        .slice(boundaryIndex + 1)\n                        .map(child => (child ? String(getTooltipTitle(child)) : ''))\n                        .join(', ')}>\n                    <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                </Tooltip>\n            ) : null}\n        </div>\n    );\n};\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Select2/hooks/useChildren.cjs

@@ -6,18 +6,17 @@ const isGroup = (child) => !!child.props.heading || !!child.props.hasSeparator;
 const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }) => {
   const [searchQuery, setSearchQuery] = React.useState("");
   const flattenedChildren = React.useMemo(() => {
-    const initial = (initialChildren == null ? void 0 : initialChildren.flatMap((child) => {
+    const initial = initialChildren?.flatMap((child) => {
       if (isGroup(child)) {
         return child.props.children;
       }
       return child;
-    })) || [];
+    }) || [];
     return initial;
   }, [initialChildren]);
   React.useEffect(() => {
-    var _a;
     if (!multiple && emptyValue === void 0 && value === void 0) {
-      const valueOfFirstChild = (_a = flattenedChildren == null ? void 0 : flattenedChildren[0]) == null ? void 0 : _a.props.value;
+      const valueOfFirstChild = flattenedChildren?.[0]?.props.value;
       if (valueOfFirstChild !== void 0) {
         setValue(valueOfFirstChild);
       }

package/dist/components/Select2/hooks/useChildren.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useChildren.cjs","sources":["../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2Children, Select2OptionValue, Select2Value } from '../types';\nimport { filterOption } from '../utilities';\n\nexport const isGroup = (\n    child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>\n): child is React.ReactElement<Select2GroupProps> =>\n    !!(child.props as Select2GroupProps).heading || !!(child.props as Select2GroupProps).hasSeparator;\n\nexport type useChildrenArgs = {\n    children: Select2Children;\n    emptyValue?: Select2OptionValue;\n    multiple?: boolean;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // flatten children that might be inside groups\n    // support empty value - probably a more elegant way to achieve this\n    const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        const initial: React.ReactElement<Select2OptionProps>[] =\n            initialChildren?.flatMap(child => {\n                if (isGroup(child)) {\n                    return (child as React.ReactElement<Select2GroupProps>).props.children;\n                }\n                // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.\n                return child as React.ReactElement<Select2OptionProps>;\n            }) || [];\n\n        return initial;\n    }, [initialChildren]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (!multiple && emptyValue === undefined && value === undefined) {\n            const valueOfFirstChild = flattenedChildren?.[0]?.props.value;\n\n            if (valueOfFirstChild !== undefined) {\n                setValue(valueOfFirstChild);\n            }\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren = React.useMemo(() => {\n        return initialChildren\n            .map(child => {\n                if (isGroup(child)) {\n                    const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n                        groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n                    );\n                    return filteredGroupChildren.length ? React.cloneElement(child, {}, filteredGroupChildren) : null;\n                }\n\n                return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n            })\n            .filter(child => !!child) as Select2Children;\n    }, [flattenedChildren, searchQuery]);\n\n    return {\n        flattenedChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["filterOption"],"mappings":";;;;AAMa,MAAA,UAAU,CACnB,UAEA,CAAC,CAAE,MAAM,MAA4B,WAAW,CAAC,CAAE,MAAM,MAA4B;AAU5E,MAAA,cAAc,CAAC,EAAE,UAAU,iBAAiB,YAAY,UAAU,MAAM,UAAU,YAA6B;AACxH,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAiB,EAAE;AAIzD,QAAA,oBAA8D,MAAM,QAAQ,MAAM;AAC9E,UAAA,WACF,mDAAiB,QAAQ,CAAS,UAAA;AAC1B,UAAA,QAAQ,KAAK,GAAG;AAChB,eAAQ,MAAgD,MAAM;AAAA,MAAA;AAG3D,aAAA;AAAA,IACV,OAAK,CAAC;AAEJ,WAAA;AAAA,EAAA,GACR,CAAC,eAAe,CAAC;AAGpB,QAAM,UAAU,MAAM;;AAClB,QAAI,CAAC,YAAY,eAAe,UAAa,UAAU,QAAW;AAC9D,YAAM,qBAAoB,4DAAoB,OAApB,mBAAwB,MAAM;AAExD,UAAI,sBAAsB,QAAW;AACjC,iBAAS,iBAAiB;AAAA,MAAA;AAAA,IAC9B;AAAA,EAER,GAAG,EAAE;AAEL,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,MAAM;AACP,qBAAe,EAAE;AAAA,IAAA;AAAA,EACrB,GACD,CAAC,IAAI,CAAC;AAGH,QAAA,mBAAmB,MAAM,QAAQ,MAAM;AAClC,WAAA,gBACF,IAAI,CAAS,UAAA;AACN,UAAA,QAAQ,KAAK,GAAG;AACV,cAAA,wBAAyB,MAAgD,MAAM,SAAS;AAAA,UAC1F,CAAA,eAAcA,uBAAa,YAAsD,WAAW;AAAA,QAChG;AACO,eAAA,sBAAsB,SAAS,MAAM,aAAa,OAAO,CAAC,GAAG,qBAAqB,IAAI;AAAA,MAAA;AAGjG,aAAOA,UAAa,aAAA,OAAiD,WAAW,IAAI,QAAQ;AAAA,IAC/F,CAAA,EACA,OAAO,CAAS,UAAA,CAAC,CAAC,KAAK;AAAA,EAAA,GAC7B,CAAC,mBAAmB,WAAW,CAAC;AAE5B,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;;;"}
+{"version":3,"file":"useChildren.cjs","sources":["../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2Children, Select2OptionValue, Select2Value } from '../types';\nimport { filterOption } from '../utilities';\n\nexport const isGroup = (\n    child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>\n): child is React.ReactElement<Select2GroupProps> =>\n    !!(child.props as Select2GroupProps).heading || !!(child.props as Select2GroupProps).hasSeparator;\n\nexport type useChildrenArgs = {\n    children: Select2Children;\n    emptyValue?: Select2OptionValue;\n    multiple?: boolean;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // flatten children that might be inside groups\n    // support empty value - probably a more elegant way to achieve this\n    const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        const initial: React.ReactElement<Select2OptionProps>[] =\n            initialChildren?.flatMap(child => {\n                if (isGroup(child)) {\n                    return (child as React.ReactElement<Select2GroupProps>).props.children;\n                }\n                // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.\n                return child as React.ReactElement<Select2OptionProps>;\n            }) || [];\n\n        return initial;\n    }, [initialChildren]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (!multiple && emptyValue === undefined && value === undefined) {\n            const valueOfFirstChild = flattenedChildren?.[0]?.props.value;\n\n            if (valueOfFirstChild !== undefined) {\n                setValue(valueOfFirstChild);\n            }\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren = React.useMemo(() => {\n        return initialChildren\n            .map(child => {\n                if (isGroup(child)) {\n                    const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n                        groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n                    );\n                    return filteredGroupChildren.length ? React.cloneElement(child, {}, filteredGroupChildren) : null;\n                }\n\n                return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n            })\n            .filter(child => !!child) as Select2Children;\n    }, [flattenedChildren, searchQuery]);\n\n    return {\n        flattenedChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["filterOption"],"mappings":";;;;AAMO,MAAM,UAAU,CACnB,UAEA,CAAC,CAAE,MAAM,MAA4B,WAAW,CAAC,CAAE,MAAM,MAA4B;AAUlF,MAAM,cAAc,CAAC,EAAE,UAAU,iBAAiB,YAAY,UAAU,MAAM,UAAU,YAA6B;AACxH,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAiB,EAAE;AAI/D,QAAM,oBAA8D,MAAM,QAAQ,MAAM;AACpF,UAAM,UACF,iBAAiB,QAAQ,CAAA,UAAS;AAC9B,UAAI,QAAQ,KAAK,GAAG;AAChB,eAAQ,MAAgD,MAAM;AAAA,MAClE;AAEA,aAAO;AAAA,IACX,CAAC,KAAK,CAAA;AAEV,WAAO;AAAA,EACX,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,YAAY,eAAe,UAAa,UAAU,QAAW;AAC9D,YAAM,oBAAoB,oBAAoB,CAAC,GAAG,MAAM;AAExD,UAAI,sBAAsB,QAAW;AACjC,iBAAS,iBAAiB;AAAA,MAC9B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,MAAM;AACP,qBAAe,EAAE;AAAA,IACrB;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AAGT,QAAM,mBAAmB,MAAM,QAAQ,MAAM;AACzC,WAAO,gBACF,IAAI,CAAA,UAAS;AACV,UAAI,QAAQ,KAAK,GAAG;AAChB,cAAM,wBAAyB,MAAgD,MAAM,SAAS;AAAA,UAC1F,CAAA,eAAcA,uBAAa,YAAsD,WAAW;AAAA,QAAA;AAEhG,eAAO,sBAAsB,SAAS,MAAM,aAAa,OAAO,CAAA,GAAI,qBAAqB,IAAI;AAAA,MACjG;AAEA,aAAOA,UAAAA,aAAa,OAAiD,WAAW,IAAI,QAAQ;AAAA,IAChG,CAAC,EACA,OAAO,CAAA,UAAS,CAAC,CAAC,KAAK;AAAA,EAChC,GAAG,CAAC,mBAAmB,WAAW,CAAC;AAEnC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;;"}

package/dist/components/Select2/hooks/useChildren.js

@@ -4,18 +4,17 @@ const isGroup = (child) => !!child.props.heading || !!child.props.hasSeparator;
 const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }) => {
   const [searchQuery, setSearchQuery] = React__default.useState("");
   const flattenedChildren = React__default.useMemo(() => {
-    const initial = (initialChildren == null ? void 0 : initialChildren.flatMap((child) => {
+    const initial = initialChildren?.flatMap((child) => {
       if (isGroup(child)) {
         return child.props.children;
       }
       return child;
-    })) || [];
+    }) || [];
     return initial;
   }, [initialChildren]);
   React__default.useEffect(() => {
-    var _a;
     if (!multiple && emptyValue === void 0 && value === void 0) {
-      const valueOfFirstChild = (_a = flattenedChildren == null ? void 0 : flattenedChildren[0]) == null ? void 0 : _a.props.value;
+      const valueOfFirstChild = flattenedChildren?.[0]?.props.value;
       if (valueOfFirstChild !== void 0) {
         setValue(valueOfFirstChild);
       }

package/dist/components/Select2/hooks/useChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChildren.js","sources":["../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2Children, Select2OptionValue, Select2Value } from '../types';\nimport { filterOption } from '../utilities';\n\nexport const isGroup = (\n    child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>\n): child is React.ReactElement<Select2GroupProps> =>\n    !!(child.props as Select2GroupProps).heading || !!(child.props as Select2GroupProps).hasSeparator;\n\nexport type useChildrenArgs = {\n    children: Select2Children;\n    emptyValue?: Select2OptionValue;\n    multiple?: boolean;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // flatten children that might be inside groups\n    // support empty value - probably a more elegant way to achieve this\n    const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        const initial: React.ReactElement<Select2OptionProps>[] =\n            initialChildren?.flatMap(child => {\n                if (isGroup(child)) {\n                    return (child as React.ReactElement<Select2GroupProps>).props.children;\n                }\n                // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.\n                return child as React.ReactElement<Select2OptionProps>;\n            }) || [];\n\n        return initial;\n    }, [initialChildren]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (!multiple && emptyValue === undefined && value === undefined) {\n            const valueOfFirstChild = flattenedChildren?.[0]?.props.value;\n\n            if (valueOfFirstChild !== undefined) {\n                setValue(valueOfFirstChild);\n            }\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren = React.useMemo(() => {\n        return initialChildren\n            .map(child => {\n                if (isGroup(child)) {\n                    const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n                        groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n                    );\n                    return filteredGroupChildren.length ? React.cloneElement(child, {}, filteredGroupChildren) : null;\n                }\n\n                return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n            })\n            .filter(child => !!child) as Select2Children;\n    }, [flattenedChildren, searchQuery]);\n\n    return {\n        flattenedChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["React"],"mappings":";;AAMa,MAAA,UAAU,CACnB,UAEA,CAAC,CAAE,MAAM,MAA4B,WAAW,CAAC,CAAE,MAAM,MAA4B;AAU5E,MAAA,cAAc,CAAC,EAAE,UAAU,iBAAiB,YAAY,UAAU,MAAM,UAAU,YAA6B;AACxH,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAiB,EAAE;AAIzD,QAAA,oBAA8DA,eAAM,QAAQ,MAAM;AAC9E,UAAA,WACF,mDAAiB,QAAQ,CAAS,UAAA;AAC1B,UAAA,QAAQ,KAAK,GAAG;AAChB,eAAQ,MAAgD,MAAM;AAAA,MAAA;AAG3D,aAAA;AAAA,IACV,OAAK,CAAC;AAEJ,WAAA;AAAA,EAAA,GACR,CAAC,eAAe,CAAC;AAGpBA,iBAAM,UAAU,MAAM;;AAClB,QAAI,CAAC,YAAY,eAAe,UAAa,UAAU,QAAW;AAC9D,YAAM,qBAAoB,4DAAoB,OAApB,mBAAwB,MAAM;AAExD,UAAI,sBAAsB,QAAW;AACjC,iBAAS,iBAAiB;AAAA,MAAA;AAAA,IAC9B;AAAA,EAER,GAAG,EAAE;AAELA,iBAAM,UAAU,MAAM;AAClB,QAAI,CAAC,MAAM;AACP,qBAAe,EAAE;AAAA,IAAA;AAAA,EACrB,GACD,CAAC,IAAI,CAAC;AAGH,QAAA,mBAAmBA,eAAM,QAAQ,MAAM;AAClC,WAAA,gBACF,IAAI,CAAS,UAAA;AACN,UAAA,QAAQ,KAAK,GAAG;AACV,cAAA,wBAAyB,MAAgD,MAAM,SAAS;AAAA,UAC1F,CAAA,eAAc,aAAa,YAAsD,WAAW;AAAA,QAChG;AACO,eAAA,sBAAsB,SAASA,eAAM,aAAa,OAAO,CAAC,GAAG,qBAAqB,IAAI;AAAA,MAAA;AAGjG,aAAO,aAAa,OAAiD,WAAW,IAAI,QAAQ;AAAA,IAC/F,CAAA,EACA,OAAO,CAAS,UAAA,CAAC,CAAC,KAAK;AAAA,EAAA,GAC7B,CAAC,mBAAmB,WAAW,CAAC;AAE5B,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"useChildren.js","sources":["../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2Children, Select2OptionValue, Select2Value } from '../types';\nimport { filterOption } from '../utilities';\n\nexport const isGroup = (\n    child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>\n): child is React.ReactElement<Select2GroupProps> =>\n    !!(child.props as Select2GroupProps).heading || !!(child.props as Select2GroupProps).hasSeparator;\n\nexport type useChildrenArgs = {\n    children: Select2Children;\n    emptyValue?: Select2OptionValue;\n    multiple?: boolean;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // flatten children that might be inside groups\n    // support empty value - probably a more elegant way to achieve this\n    const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        const initial: React.ReactElement<Select2OptionProps>[] =\n            initialChildren?.flatMap(child => {\n                if (isGroup(child)) {\n                    return (child as React.ReactElement<Select2GroupProps>).props.children;\n                }\n                // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.\n                return child as React.ReactElement<Select2OptionProps>;\n            }) || [];\n\n        return initial;\n    }, [initialChildren]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (!multiple && emptyValue === undefined && value === undefined) {\n            const valueOfFirstChild = flattenedChildren?.[0]?.props.value;\n\n            if (valueOfFirstChild !== undefined) {\n                setValue(valueOfFirstChild);\n            }\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren = React.useMemo(() => {\n        return initialChildren\n            .map(child => {\n                if (isGroup(child)) {\n                    const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n                        groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n                    );\n                    return filteredGroupChildren.length ? React.cloneElement(child, {}, filteredGroupChildren) : null;\n                }\n\n                return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n            })\n            .filter(child => !!child) as Select2Children;\n    }, [flattenedChildren, searchQuery]);\n\n    return {\n        flattenedChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["React"],"mappings":";;AAMO,MAAM,UAAU,CACnB,UAEA,CAAC,CAAE,MAAM,MAA4B,WAAW,CAAC,CAAE,MAAM,MAA4B;AAUlF,MAAM,cAAc,CAAC,EAAE,UAAU,iBAAiB,YAAY,UAAU,MAAM,UAAU,YAA6B;AACxH,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAiB,EAAE;AAI/D,QAAM,oBAA8DA,eAAM,QAAQ,MAAM;AACpF,UAAM,UACF,iBAAiB,QAAQ,CAAA,UAAS;AAC9B,UAAI,QAAQ,KAAK,GAAG;AAChB,eAAQ,MAAgD,MAAM;AAAA,MAClE;AAEA,aAAO;AAAA,IACX,CAAC,KAAK,CAAA;AAEV,WAAO;AAAA,EACX,GAAG,CAAC,eAAe,CAAC;AAGpBA,iBAAM,UAAU,MAAM;AAClB,QAAI,CAAC,YAAY,eAAe,UAAa,UAAU,QAAW;AAC9D,YAAM,oBAAoB,oBAAoB,CAAC,GAAG,MAAM;AAExD,UAAI,sBAAsB,QAAW;AACjC,iBAAS,iBAAiB;AAAA,MAC9B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAA,CAAE;AAELA,iBAAM,UAAU,MAAM;AAClB,QAAI,CAAC,MAAM;AACP,qBAAe,EAAE;AAAA,IACrB;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AAGT,QAAM,mBAAmBA,eAAM,QAAQ,MAAM;AACzC,WAAO,gBACF,IAAI,CAAA,UAAS;AACV,UAAI,QAAQ,KAAK,GAAG;AAChB,cAAM,wBAAyB,MAAgD,MAAM,SAAS;AAAA,UAC1F,CAAA,eAAc,aAAa,YAAsD,WAAW;AAAA,QAAA;AAEhG,eAAO,sBAAsB,SAASA,eAAM,aAAa,OAAO,CAAA,GAAI,qBAAqB,IAAI;AAAA,MACjG;AAEA,aAAO,aAAa,OAAiD,WAAW,IAAI,QAAQ;AAAA,IAChG,CAAC,EACA,OAAO,CAAA,UAAS,CAAC,CAAC,KAAK;AAAA,EAChC,GAAG,CAAC,mBAAmB,WAAW,CAAC;AAEnC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

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

@@ -2,10 +2,11 @@ import { Listbox2OptionValue } from '../../primitives/Listbox2/types';
 import { Color } from '../../types';
 import { DialogProps } from '../Dialog/Dialog';
 import { Select2GroupProps, Select2OptionProps } from './Select2';
+import type * as React from 'react';
 export type Select2OptionValue = Listbox2OptionValue;
 export type Select2Value = Select2OptionValue | Select2OptionValue[];
 export type Select2Children = Array<React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>>;
 export type Select2CreateHandler = (item: any, color: Color | undefined) => Promise<Select2OptionProps> | Select2OptionProps;
-export type Select2CreateDialogRenderer = (props: Partial<DialogProps>, value: string, onCreate: (optionToCreate: unknown) => Promise<void>) => JSX.Element;
+export type Select2CreateDialogRenderer = (props: Partial<DialogProps>, value: string, onCreate: (optionToCreate: unknown) => Promise<void>) => React.JSX.Element;
 export type Select2DeleteHandler = (value: Select2OptionValue) => Promise<void> | void;
 export type Select2EditHandler = (value: Select2OptionValue, text: string, color: Color | undefined) => Promise<void> | void;

package/dist/components/Select2/utilities.cjs

@@ -1,36 +1,29 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
-const types = require("../../types.cjs");
 const createOptionClassName = (shouldPauseHoverState = false) => cn(
-  "group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 aria-current:bg-gray-100 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal",
+  "group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden",
   {
     "hover:bg-gray-100": !shouldPauseHoverState
   }
 );
 const createCollectionClassName = () => "flex flex-col gap-px";
-const getFontSize = (fontSize) => {
-  switch (fontSize) {
-    case types.FontSizes.small:
-      return "text-xs";
-    case types.FontSizes.large:
-      return "text-base";
-    default:
-      return "text-sm";
-  }
+const FONT_SIZE_CLASSNAME = {
+  small: "text-xs",
+  medium: "text-sm",
+  large: "text-base"
 };
 const filterOption = (child, searchQuery) => {
-  var _a, _b;
-  if ((_a = child.props.textValue) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) {
+  if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {
     return true;
   }
-  if ((_b = child.props.description) == null ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase())) {
+  if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
     return true;
   }
   return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());
 };
+exports.FONT_SIZE_CLASSNAME = FONT_SIZE_CLASSNAME;
 exports.createCollectionClassName = createCollectionClassName;
 exports.createOptionClassName = createOptionClassName;
 exports.filterOption = filterOption;
-exports.getFontSize = getFontSize;
 //# sourceMappingURL=utilities.cjs.map

package/dist/components/Select2/utilities.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.cjs","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\nimport { FontSize, FontSizes } from '../../types';\nimport { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n    cn(\n        'group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 aria-current:bg-gray-100 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal',\n\n        {\n            'hover:bg-gray-100': !shouldPauseHoverState,\n        }\n    );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const getFontSize = (fontSize?: FontSize) => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return 'text-xs';\n\n        case FontSizes.large:\n            return 'text-base';\n\n        default:\n            return 'text-sm';\n    }\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n    if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":["FontSizes"],"mappings":";;;;AAIa,MAAA,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EAEA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAElC,MAAA,cAAc,CAAC,aAAwB;AAChD,UAAQ,UAAU;AAAA,IACd,KAAKA,MAAU,UAAA;AACJ,aAAA;AAAA,IAEX,KAAKA,MAAU,UAAA;AACJ,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,eAAe,CAAC,OAA+C,gBAAwB;;AAC5F,OAAA,WAAM,MAAM,cAAZ,mBAAuB,cAAc,SAAS,YAAY,YAAY,IAAI;AACnE,WAAA;AAAA,EAAA;AAGP,OAAA,WAAM,MAAM,gBAAZ,mBAAyB,cAAc,SAAS,YAAY,YAAY,IAAI;AACrE,WAAA;AAAA,EAAA;AAGJ,SAAA,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;;;;;"}
+{"version":3,"file":"utilities.cjs","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\nimport { FontSize } from '../../types';\nimport { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n    cn(\n        'group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden',\n        {\n            'hover:bg-gray-100': !shouldPauseHoverState,\n        }\n    );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const FONT_SIZE_CLASSNAME: Record<FontSize, string> = {\n    small: 'text-xs',\n    medium: 'text-sm',\n    large: 'text-base',\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n    if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EACA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAExC,MAAM,sBAAgD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,eAAe,CAAC,OAA+C,gBAAwB;AAChG,MAAI,MAAM,MAAM,WAAW,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC1E,WAAO;AAAA,EACX;AAEA,MAAI,MAAM,MAAM,aAAa,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC5E,WAAO;AAAA,EACX;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;;;;;"}

package/dist/components/Select2/utilities.d.ts

@@ -2,5 +2,5 @@ import { FontSize } from '../../types';
 import { Select2OptionProps } from './components/Option';
 export declare const createOptionClassName: (shouldPauseHoverState?: boolean) => string;
 export declare const createCollectionClassName: () => string;
-export declare const getFontSize: (fontSize?: FontSize) => "text-xs" | "text-base" | "text-sm";
+export declare const FONT_SIZE_CLASSNAME: Record<FontSize, string>;
 export declare const filterOption: (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => boolean;

package/dist/components/Select2/utilities.js

@@ -1,36 +1,29 @@
 import cn from "clsx";
-import { FontSizes } from "../../types.js";
 const createOptionClassName = (shouldPauseHoverState = false) => cn(
-  "group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 aria-current:bg-gray-100 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal",
+  "group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden",
   {
     "hover:bg-gray-100": !shouldPauseHoverState
   }
 );
 const createCollectionClassName = () => "flex flex-col gap-px";
-const getFontSize = (fontSize) => {
-  switch (fontSize) {
-    case FontSizes.small:
-      return "text-xs";
-    case FontSizes.large:
-      return "text-base";
-    default:
-      return "text-sm";
-  }
+const FONT_SIZE_CLASSNAME = {
+  small: "text-xs",
+  medium: "text-sm",
+  large: "text-base"
 };
 const filterOption = (child, searchQuery) => {
-  var _a, _b;
-  if ((_a = child.props.textValue) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) {
+  if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {
     return true;
   }
-  if ((_b = child.props.description) == null ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase())) {
+  if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
     return true;
   }
   return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());
 };
 export {
+  FONT_SIZE_CLASSNAME,
   createCollectionClassName,
   createOptionClassName,
-  filterOption,
-  getFontSize
+  filterOption
 };
 //# sourceMappingURL=utilities.js.map

package/dist/components/Select2/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\nimport { FontSize, FontSizes } from '../../types';\nimport { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n    cn(\n        'group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 aria-current:bg-gray-100 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal',\n\n        {\n            'hover:bg-gray-100': !shouldPauseHoverState,\n        }\n    );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const getFontSize = (fontSize?: FontSize) => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return 'text-xs';\n\n        case FontSizes.large:\n            return 'text-base';\n\n        default:\n            return 'text-sm';\n    }\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n    if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";;AAIa,MAAA,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EAEA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAElC,MAAA,cAAc,CAAC,aAAwB;AAChD,UAAQ,UAAU;AAAA,IACd,KAAK,UAAU;AACJ,aAAA;AAAA,IAEX,KAAK,UAAU;AACJ,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,eAAe,CAAC,OAA+C,gBAAwB;;AAC5F,OAAA,WAAM,MAAM,cAAZ,mBAAuB,cAAc,SAAS,YAAY,YAAY,IAAI;AACnE,WAAA;AAAA,EAAA;AAGP,OAAA,WAAM,MAAM,gBAAZ,mBAAyB,cAAc,SAAS,YAAY,YAAY,IAAI;AACrE,WAAA;AAAA,EAAA;AAGJ,SAAA,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;"}
+{"version":3,"file":"utilities.js","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\nimport { FontSize } from '../../types';\nimport { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n    cn(\n        'group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden',\n        {\n            'hover:bg-gray-100': !shouldPauseHoverState,\n        }\n    );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const FONT_SIZE_CLASSNAME: Record<FontSize, string> = {\n    small: 'text-xs',\n    medium: 'text-sm',\n    large: 'text-base',\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n    if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";AAIO,MAAM,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EACA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAExC,MAAM,sBAAgD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,eAAe,CAAC,OAA+C,gBAAwB;AAChG,MAAI,MAAM,MAAM,WAAW,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC1E,WAAO;AAAA,EACX;AAEA,MAAI,MAAM,MAAM,aAAa,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC5E,WAAO;AAAA,EACX;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;"}