npm - @economic/taco - Versions diffs - 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1711) hide show

package/dist/components/Select2/components/Edit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Edit.js","sources":["../../../../src/components/Select2/components/Edit.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LegacyButton } from '../../LegacyComponents/Button/Button';\nimport { Input } from '../../Input/Input';\nimport { Popover, PopoverProps } from '../../Popover/Popover';\nimport { Icon } from '../../Icon/Icon';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { Inline } from '../../Inline/Inline';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Color } from '../../../types';\nimport { AVAILABLE_COLORS, getSubtleColorShadeClasses } from '../../../utils/tailwind';\nimport { RadioGroup as RadioGroupPrimitive, Radio as RadioPrimitive } from 'react-aria-components';\n\nexport type EditPopoverProps = PopoverProps & {\n color?: Color;\n text: string;\n value: Select2OptionValue;\n};\n\nexport const EditPopover = (props: EditPopoverProps) => {\n const { color: initialColor, text: initialName, value, ...popoverProps } = props;\n const ref = React.useRef<HTMLInputElement>(null);\n const { onDelete, onEdit, searchRef, ref: selectRef } = useSelect2Context();\n const { texts } = useLocalization();\n const [name, setName] = React.useState(initialName);\n const [color, setColor] = React.useState(initialColor);\n const [validationError, setValidationError] = React.useState<Error \| undefined>();\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setName(event.target.value);\n setValidationError(undefined);\n };\n\n const handleInputKeyDown = (close: () => void) => async (event: React.KeyboardEvent<HTMLInputElement>) => {\n event.stopPropagation();\n\n if (event.key === 'Escape') {\n close();\n } else if (event.key === 'Enter') {\n const fn = handleSave(close);\n await fn(event);\n }\n };\n\n const handleDelete = (close: () => void) => async (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n close();\n\n if (onDelete) {\n await onDelete(value);\n }\n };\n\n const handleSave =\n (close: () => void) => async (event: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLElement>) => {\n if (onEdit && (name !== initialName \|\| color !== initialColor)) {\n try {\n await onEdit(value, name, color);\n close();\n } catch (error) {\n event.preventDefault();\n event.stopPropagation();\n setValidationError(error as Error);\n ref.current?.focus();\n }\n } else {\n close();\n }\n };\n\n const handleCloseAutoFocus = () => {\n setName(initialName);\n setColor(initialColor);\n setValidationError(undefined);\n\n if (searchRef?.current) {\n searchRef.current?.focus();\n } else {\n selectRef.current?.focus();\n }\n };\n\n const preventKeyDownPropagation = (event: React.KeyboardEvent) => {\n // Need to allow 'Escape', 'Tab', 'Shift + Tab' to support default focus and close behaviour of Radix Popover.\n if (event.key === 'Escape' \|\| event.key === 'Tab' \|\| (event.key === 'Tab' && event.shiftKey)) {\n return;\n }\n event.stopPropagation();\n };\n\n const popoverContentKeyDown = (event: React.KeyboardEvent) => {\n // Need to stop propagation of 'Tab', 'Shift + Tab' keys out of Popover content,\n // to avoid 'Tab' key execution on Option component and closing the dropdown.\n if (event.key === 'Tab' \|\| (event.key === 'Tab' && event.shiftKey)) {\n event.stopPropagation();\n }\n };\n\n return (\n <Popover {...popoverProps} modal={false}>\n <Popover.Content\n finalFocus={handleCloseAutoFocus}\n onClick={event => event.stopPropagation()}\n onKeyDown={popoverContentKeyDown}\n placement=\"right\"\n tabIndex={-1}\n className=\"focus:!shadow-none\">\n {({ close }) => (\n <>\n <div className=\"flex w-32 flex-col space-y-2\" data-taco=\"edit-popover\">\n {onEdit ? (\n <>\n <Field\n className={cn('!min-h-fit', { '!pb-0': !validationError })}\n invalid={!!validationError}\n message={validationError?.message}>\n <Input\n invalid={!!validationError}\n onChange={handleInputChange}\n onKeyDown={handleInputKeyDown(close)}\n ref={ref}\n value={name}\n />\n </Field>\n {initialColor ? (\n <>\n <h5>Colours</h5>\n <Colours\n color={color}\n onChangeColor={setColor}\n onKeyDown={preventKeyDownPropagation}\n />\n </>\n ) : null}\n <Inline spacing={4} noWrap>\n <LegacyButton onClick={close}>{texts.select2.cancel}</LegacyButton>\n <LegacyButton\n appearance=\"primary\"\n onClick={handleSave(close) as (event: React.MouseEvent<HTMLButtonElement>) => void}>\n {texts.select2.save}\n </LegacyButton>\n </Inline>\n </>\n ) : null}\n {onEdit && onDelete ? <hr /> : null}\n {onDelete ? (\n <button\n className=\"flex items-center justify-start gap-1 hover:text-gray-700\"\n onClick={handleDelete(close)}\n onKeyDown={preventKeyDownPropagation}>\n <Icon className=\"!h-5 !w-5\" name=\"delete-permanently\" /> {texts.select2.delete}\n </button>\n ) : null}\n </div>\n </>\n )}\n </Popover.Content>\n </Popover>\n );\n};\n\ntype Props = {\n color: string \| undefined;\n onChangeColor: React.Dispatch<React.SetStateAction<Color \| undefined>>;\n onKeyDown: (event: React.KeyboardEvent) => void;\n};\n\nconst Colours = (props: Props) => {\n const { color, onChangeColor, onKeyDown } = props;\n const { texts } = useLocalization();\n\n return (\n <RadioGroupPrimitive\n aria-label={texts.select2.chooseColor}\n className=\"grid grid-cols-4 gap-2 focus:outline-none\"\n onChange={(value: string) => onChangeColor(value as Color)}\n value={color}>\n {AVAILABLE_COLORS.map((availableColor: Color) => (\n <RadioPrimitive\n key={availableColor}\n aria-label={color}\n onKeyDown={onKeyDown}\n value={availableColor}\n data-taco={`${availableColor}-radio`}>\n {state => (\n <div\n className={cn(\n 'flex h-6 w-6 cursor-pointer items-center justify-center rounded',\n getSubtleColorShadeClasses(availableColor as Color),\n state.isFocusVisible && 'ring-2 ring-blue-500'\n )}>\n {state.isSelected && <Icon name=\"tick\" className=\"!h-5 !w-5\" />}\n </div>\n )}\n </RadioPrimitive>\n ))}\n </RadioGroupPrimitive>\n );\n};\n"],"names":["React","RadioGroupPrimitive","RadioPrimitive"],"mappings":"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"}
1	+ {"version":3,"file":"Edit.js","sources":["../../../../src/components/Select2/components/Edit.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LegacyButton } from '../../LegacyComponents/Button/Button';\nimport { Input } from '../../Input/Input';\nimport { Popover, PopoverProps } from '../../Popover/Popover';\nimport { Icon } from '../../Icon/Icon';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { Inline } from '../../Inline/Inline';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Color } from '../../../types';\nimport { AVAILABLE_COLORS, SUBTLE_COLOR_SHADE_CLASSNAME } from '../../../utils/tailwind';\nimport { RadioGroup as RadioGroupPrimitive, Radio as RadioPrimitive } from 'react-aria-components';\n\nexport type EditPopoverProps = PopoverProps & {\n color?: Color;\n text: string;\n value: Select2OptionValue;\n};\n\nexport const EditPopover = (props: EditPopoverProps) => {\n const { color: initialColor, text: initialName, value, ...popoverProps } = props;\n const ref = React.useRef<HTMLInputElement>(null);\n const { onDelete, onEdit, searchRef, ref: selectRef } = useSelect2Context();\n const { texts } = useLocalization();\n const [name, setName] = React.useState(initialName);\n const [color, setColor] = React.useState(initialColor);\n const [validationError, setValidationError] = React.useState<Error \| undefined>();\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setName(event.target.value);\n setValidationError(undefined);\n };\n\n const handleInputKeyDown = (close: () => void) => async (event: React.KeyboardEvent<HTMLInputElement>) => {\n event.stopPropagation();\n\n if (event.key === 'Escape') {\n close();\n } else if (event.key === 'Enter') {\n const fn = handleSave(close);\n await fn(event);\n }\n };\n\n const handleDelete = (close: () => void) => async (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n close();\n\n if (onDelete) {\n await onDelete(value);\n }\n };\n\n const handleSave =\n (close: () => void) => async (event: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLElement>) => {\n if (onEdit && (name !== initialName \|\| color !== initialColor)) {\n try {\n await onEdit(value, name, color);\n close();\n } catch (error) {\n event.preventDefault();\n event.stopPropagation();\n setValidationError(error as Error);\n ref.current?.focus();\n }\n } else {\n close();\n }\n };\n\n const handleCloseAutoFocus = () => {\n setName(initialName);\n setColor(initialColor);\n setValidationError(undefined);\n\n if (searchRef?.current) {\n searchRef.current?.focus();\n } else {\n selectRef.current?.focus();\n }\n };\n\n const preventKeyDownPropagation = (event: React.KeyboardEvent) => {\n // Need to allow 'Escape', 'Tab', 'Shift + Tab' to support default focus and close behaviour of Radix Popover.\n if (event.key === 'Escape' \|\| event.key === 'Tab' \|\| (event.key === 'Tab' && event.shiftKey)) {\n return;\n }\n event.stopPropagation();\n };\n\n const popoverContentKeyDown = (event: React.KeyboardEvent) => {\n // Need to stop propagation of 'Tab', 'Shift + Tab' keys out of Popover content,\n // to avoid 'Tab' key execution on Option component and closing the dropdown.\n if (event.key === 'Tab' \|\| (event.key === 'Tab' && event.shiftKey)) {\n event.stopPropagation();\n }\n };\n\n return (\n <Popover {...popoverProps} modal={false}>\n <Popover.Content\n finalFocus={handleCloseAutoFocus}\n onClick={event => event.stopPropagation()}\n onKeyDown={popoverContentKeyDown}\n placement=\"right\"\n tabIndex={-1}\n className=\"focus:!shadow-none\">\n {({ close }) => (\n <>\n <div className=\"flex w-32 flex-col space-y-2\" data-taco=\"edit-popover\">\n {onEdit ? (\n <>\n <Field\n className={cn('!min-h-fit', { '!pb-0': !validationError })}\n invalid={!!validationError}\n message={validationError?.message}>\n <Input\n invalid={!!validationError}\n onChange={handleInputChange}\n onKeyDown={handleInputKeyDown(close)}\n ref={ref}\n value={name}\n />\n </Field>\n {initialColor ? (\n <>\n <h5>Colours</h5>\n <Colours\n color={color}\n onChangeColor={setColor}\n onKeyDown={preventKeyDownPropagation}\n />\n </>\n ) : null}\n <Inline spacing={4} noWrap>\n <LegacyButton onClick={close}>{texts.select2.cancel}</LegacyButton>\n <LegacyButton\n appearance=\"primary\"\n onClick={handleSave(close) as (event: React.MouseEvent<HTMLButtonElement>) => void}>\n {texts.select2.save}\n </LegacyButton>\n </Inline>\n </>\n ) : null}\n {onEdit && onDelete ? <hr /> : null}\n {onDelete ? (\n <button\n className=\"flex items-center justify-start gap-1 hover:text-gray-700\"\n onClick={handleDelete(close)}\n onKeyDown={preventKeyDownPropagation}>\n <Icon className=\"!h-5 !w-5\" name=\"delete-permanently\" /> {texts.select2.delete}\n </button>\n ) : null}\n </div>\n </>\n )}\n </Popover.Content>\n </Popover>\n );\n};\n\ntype Props = {\n color: string \| undefined;\n onChangeColor: React.Dispatch<React.SetStateAction<Color \| undefined>>;\n onKeyDown: (event: React.KeyboardEvent) => void;\n};\n\nconst Colours = (props: Props) => {\n const { color, onChangeColor, onKeyDown } = props;\n const { texts } = useLocalization();\n\n return (\n <RadioGroupPrimitive\n aria-label={texts.select2.chooseColor}\n className=\"grid grid-cols-4 gap-2 focus:outline-none\"\n onChange={(value: string) => onChangeColor(value as Color)}\n value={color}>\n {AVAILABLE_COLORS.map((availableColor: Color) => (\n <RadioPrimitive\n key={availableColor}\n aria-label={color}\n onKeyDown={onKeyDown}\n value={availableColor}\n data-taco={`${availableColor}-radio`}>\n {state => (\n <div\n className={cn(\n 'flex h-6 w-6 cursor-pointer items-center justify-center rounded',\n SUBTLE_COLOR_SHADE_CLASSNAME[availableColor],\n state.isFocusVisible && 'ring-2 ring-blue-500'\n )}>\n {state.isSelected && <Icon name=\"tick\" className=\"!h-5 !w-5\" />}\n </div>\n )}\n </RadioPrimitive>\n ))}\n </RadioGroupPrimitive>\n );\n};\n"],"names":["React","RadioGroupPrimitive","RadioPrimitive"],"mappings":"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"}

package/dist/components/Select2/components/Group.cjs CHANGED Viewed

@@ -10,7 +10,7 @@ const Group = React.forwardRef(function Select2Group(props, ref) {
   const className = cn(
     utilities.createCollectionClassName(),
     {
-      "last:after:content-none after:content-[''] after:bg-gray-300 after:mx-2 after:my-1 after:h-px": hasSeparator && children.length
+      "after:mx-2 after:my-1 after:h-px after:bg-gray-300 after:content-[''] last:after:content-none": hasSeparator && children.length
     },
     props.className
   );

package/dist/components/Select2/components/Group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.cjs","sources":["../../../../src/components/Select2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createCollectionClassName } from '../utilities';\nimport { Select2OptionProps } from './Option';\n\nexport type Select2GroupProps = Omit<ListboxPrimitive.Listbox2GroupProps, 'children'> & {\n children: React.ReactElement<Select2OptionProps>[];\n hasSeparator?: boolean;\n heading?: string;\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, Select2GroupProps>(function Select2Group(props, ref) {\n const { children, heading, hasSeparator, ...attributes } = props;\n const className = cn(\n createCollectionClassName(),\n {\n \"~~last~~:after:~~content~~-~~none~~ after:~~content~~-~~['']~~ after:bg-gray-300 after:mx-2 ~~after~~:~~my-1~~ after:h-px\":\n hasSeparator && children.length,\n },\n props.className\n );\n\n return (\n <ListboxPrimitive.Group {...attributes} className={className} ref={ref}>\n <ListboxPrimitive.Title className=\"sticky top-0 bg-white px-2 font-bold leading-8\">{heading}</ListboxPrimitive.Title>\n {children}\n </ListboxPrimitive.Group>\n );\n});\n"],"names":["createCollectionClassName","ListboxPrimitive.Group","ListboxPrimitive.Title"],"mappings":";;;;;;;AAYO,MAAM,QAAQ,MAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,EAAE,UAAU,SAAS,cAAc,GAAG,~~WAAe,IAAA~~;AAC3D,QAAM,YAAY;AAAA,IACdA,~~oCAA0B~~;AAAA,~~IAC1B~~;AAAA,MACI,iGACI,gBAAgB,SAAS;AAAA,~~IACjC~~;AAAA,~~IACA~~,MAAM;AAAA,~~EACV~~;~~AAEA~~,6CACKC,~~QAAiB~~,~~OAAjB~~,EAAwB,GAAG,YAAY,WAAsB,IAAA,~~GACzD~~,sBAAA,~~cAAAC~~,~~aAAA~~,EAAuB,WAAU,~~iDAAkD~~,~~GAAA~~,OAAQ,GAC3F,QACL;AAER,CAAC;;"}
1	+ {"version":3,"file":"Group.cjs","sources":["../../../../src/components/Select2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createCollectionClassName } from '../utilities';\nimport { Select2OptionProps } from './Option';\n\nexport type Select2GroupProps = Omit<ListboxPrimitive.Listbox2GroupProps, 'children'> & {\n children: React.ReactElement<Select2OptionProps>[];\n hasSeparator?: boolean;\n heading?: string;\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, Select2GroupProps>(function Select2Group(props, ref) {\n const { children, heading, hasSeparator, ...attributes } = props;\n const className = cn(\n createCollectionClassName(),\n {\n \"after:mx-2 after:my-1 after:h-px after:bg-gray-300 after:content-[''] last:after:content-none\":\n hasSeparator && children.length,\n },\n props.className\n );\n\n return (\n <ListboxPrimitive.Group {...attributes} className={className} ref={ref}>\n <ListboxPrimitive.Title className=\"sticky top-0 bg-white px-2 font-bold leading-8\">{heading}</ListboxPrimitive.Title>\n {children}\n </ListboxPrimitive.Group>\n );\n});\n"],"names":["createCollectionClassName","ListboxPrimitive.Group","ListboxPrimitive.Title"],"mappings":";;;;;;;AAYO,MAAM,QAAQ,MAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,EAAE,UAAU,SAAS,cAAc,GAAG,eAAe;AAC3D,QAAM,YAAY;AAAA,IACdA,oCAAA;AAAA,IACA;AAAA,MACI,iGACI,gBAAgB,SAAS;AAAA,IAAA;AAAA,IAEjC,MAAM;AAAA,EAAA;AAGV,6CACKC,QAAAA,OAAA,EAAwB,GAAG,YAAY,WAAsB,IAAA,GAC1D,sBAAA,cAACC,MAAAA,OAAA,EAAuB,WAAU,iDAAA,GAAkD,OAAQ,GAC3F,QACL;AAER,CAAC;;"}

package/dist/components/Select2/components/Group.js CHANGED Viewed

@@ -8,7 +8,7 @@ const Group = React__default.forwardRef(function Select2Group(props, ref) {
   const className = cn(
     createCollectionClassName(),
     {
-      "last:after:content-none after:content-[''] after:bg-gray-300 after:mx-2 after:my-1 after:h-px": hasSeparator && children.length
+      "after:mx-2 after:my-1 after:h-px after:bg-gray-300 after:content-[''] last:after:content-none": hasSeparator && children.length
     },
     props.className
   );

package/dist/components/Select2/components/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","sources":["../../../../src/components/Select2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createCollectionClassName } from '../utilities';\nimport { Select2OptionProps } from './Option';\n\nexport type Select2GroupProps = Omit<ListboxPrimitive.Listbox2GroupProps, 'children'> & {\n children: React.ReactElement<Select2OptionProps>[];\n hasSeparator?: boolean;\n heading?: string;\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, Select2GroupProps>(function Select2Group(props, ref) {\n const { children, heading, hasSeparator, ...attributes } = props;\n const className = cn(\n createCollectionClassName(),\n {\n \"~~last~~:after:~~content~~-~~none~~ after:~~content~~-~~['']~~ after:bg-gray-300 after:mx-2 ~~after~~:~~my-1~~ after:h-px\":\n hasSeparator && children.length,\n },\n props.className\n );\n\n return (\n <ListboxPrimitive.Group {...attributes} className={className} ref={ref}>\n <ListboxPrimitive.Title className=\"sticky top-0 bg-white px-2 font-bold leading-8\">{heading}</ListboxPrimitive.Title>\n {children}\n </ListboxPrimitive.Group>\n );\n});\n"],"names":["React","ListboxPrimitive.Group","ListboxPrimitive.Title"],"mappings":";;;;;AAYO,MAAM,QAAQA,eAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,EAAE,UAAU,SAAS,cAAc,GAAG,~~WAAe,IAAA~~;AAC3D,QAAM,YAAY;AAAA,IACd,~~0BAA0B~~;AAAA,~~IAC1B~~;AAAA,MACI,iGACI,gBAAgB,SAAS;AAAA,~~IACjC~~;AAAA,~~IACA~~,MAAM;AAAA,~~EACV~~;~~AAEA~~,sDACKC,SAAA,EAAwB,GAAG,YAAY,WAAsB,IAAA,~~GACzDD~~,+BAAA,~~cAAAE~~,OAAA,EAAuB,WAAU,~~iDAAkD~~,~~GAAA~~,OAAQ,GAC3F,QACL;AAER,CAAC;"}
1	+ {"version":3,"file":"Group.js","sources":["../../../../src/components/Select2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createCollectionClassName } from '../utilities';\nimport { Select2OptionProps } from './Option';\n\nexport type Select2GroupProps = Omit<ListboxPrimitive.Listbox2GroupProps, 'children'> & {\n children: React.ReactElement<Select2OptionProps>[];\n hasSeparator?: boolean;\n heading?: string;\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, Select2GroupProps>(function Select2Group(props, ref) {\n const { children, heading, hasSeparator, ...attributes } = props;\n const className = cn(\n createCollectionClassName(),\n {\n \"after:mx-2 after:my-1 after:h-px after:bg-gray-300 after:content-[''] last:after:content-none\":\n hasSeparator && children.length,\n },\n props.className\n );\n\n return (\n <ListboxPrimitive.Group {...attributes} className={className} ref={ref}>\n <ListboxPrimitive.Title className=\"sticky top-0 bg-white px-2 font-bold leading-8\">{heading}</ListboxPrimitive.Title>\n {children}\n </ListboxPrimitive.Group>\n );\n});\n"],"names":["React","ListboxPrimitive.Group","ListboxPrimitive.Title"],"mappings":";;;;;AAYO,MAAM,QAAQA,eAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,EAAE,UAAU,SAAS,cAAc,GAAG,eAAe;AAC3D,QAAM,YAAY;AAAA,IACd,0BAAA;AAAA,IACA;AAAA,MACI,iGACI,gBAAgB,SAAS;AAAA,IAAA;AAAA,IAEjC,MAAM;AAAA,EAAA;AAGV,sDACKC,SAAA,EAAwB,GAAG,YAAY,WAAsB,IAAA,GAC1DD,+BAAA,cAACE,OAAA,EAAuB,WAAU,iDAAA,GAAkD,OAAQ,GAC3F,QACL;AAER,CAAC;"}

package/dist/components/Select2/components/Option.cjs CHANGED Viewed

@@ -14,7 +14,7 @@ const Option$1 = require("../../../primitives/Listbox2/components/Option.cjs");
 const Option = React.forwardRef(function Select2Option(props, ref) {
   const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;
   const {
-    fontSize,
+    fontSize = "medium",
     listboxRef,
     multiple,
     onDelete,
@@ -25,13 +25,12 @@ const Option = React.forwardRef(function Select2Option(props, ref) {
     tags,
     value
   } = Context.useSelect2Context();
-  const className = cn(utilities.createOptionClassName(shouldPauseHoverState), utilities.getFontSize(fontSize), cName);
+  const className = cn(utilities.createOptionClassName(shouldPauseHoverState), utilities.FONT_SIZE_CLASSNAME[fontSize], cName);
   const hasValue = Array.isArray(value) ? !!value.length : value !== void 0;
   const isTag = tags && !!color;
   const handleClick = () => {
-    var _a;
     if (multiple) {
-      (_a = selectRef.current) == null ? void 0 : _a.focus();
+      selectRef.current?.focus();
     } else {
       setOpen(false);
     }
@@ -58,15 +57,14 @@ const Option = React.forwardRef(function Select2Option(props, ref) {
       icon: "ellipsis-vertical",
       appearance: "discrete",
       className: cn(
-        "group-aria-current:visible hover:!bg-black-subtle invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] focus:!shadow-none group-hover:visible",
+        "invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible",
         {
-          "!visible": device.isMobileDevice(window == null ? void 0 : window.navigator)
+          "!visible": device.isMobileDevice(window?.navigator)
         }
       ),
       onClick: (event) => {
-        var _a;
         event.stopPropagation();
-        (_a = listboxRef == null ? void 0 : listboxRef.current) == null ? void 0 : _a.setActiveIndexByElement(event.currentTarget.parentElement);
+        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement);
       },
       popover,
       tabIndex: -1

package/dist/components/Select2/components/Option.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.cjs","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName, ~~getFontSize~~ } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { EditPopover, EditPopoverProps } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\nimport { Color } from '../../../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' \| 'prefix'> & {\n children: string \| JSX.Element;\n color?: Color;\n description?: string;\n fontSize?: FontSize;\n prefix?: IconName \| JSX.Element;\n postfix?: IconName \| JSX.Element;\n textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n const {\n fontSize,\n listboxRef,\n multiple,\n onDelete,\n onEdit,\n ref: selectRef,\n setOpen,\n shouldPauseHoverState,\n tags,\n value,\n } = useSelect2Context();\n const className = cn(createOptionClassName(shouldPauseHoverState), ~~getFontSize(~~fontSize), cName);\n\n const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n const isTag = tags && !!color;\n\n const handleClick = () => {\n if (multiple) {\n selectRef.current?.focus();\n } else {\n setOpen(false);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (isAriaSelectionKey(event) && (!multiple \|\| event.key === 'Tab')) {\n setOpen(false);\n }\n };\n\n const isEmptyOption = children !== '';\n\n const popover =\n isEmptyOption && (onEdit \|\| onDelete)\n ? (popoverProps: Partial<EditPopoverProps>) => (\n <EditPopover\n {...popoverProps}\n color={props.color}\n key={props.textValue ?? String(props.children)}\n text={props.textValue ?? String(props.children)}\n value={props.value}\n />\n )\n : undefined;\n\n return (\n <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n {hasValue ? (\n <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n ) : (\n <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n )}\n\n {typeof children === 'string' ? (\n isTag ? (\n <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n {children}\n </Tag>\n ) : (\n <>\n {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n <span className=\"flex w-full justify-between\">\n <span className=\"flex flex-col\">\n <span>{children}</span>\n {description ? (\n <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n {description}\n </span>\n ) : null}\n </span>\n <span className=\"flex flex-col self-center\">\n {postfix ? (\n typeof postfix === 'string' ? (\n <Icon name={postfix} className=\"!h-5 !w-5\" />\n ) : (\n postfix\n )\n ) : null}\n </span>\n </span>\n </>\n )\n ) : (\n <span className=\"w-full\">{children}</span>\n )}\n {popover ? (\n <LegacyIconButton\n icon=\"ellipsis-vertical\"\n appearance=\"discrete\"\n className={cn(\n '~~group-aria-current:visible hover:!bg-black-subtle~~ invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] focus:!shadow-none group-hover:visible',\n {\n '!visible': isMobileDevice(window?.navigator),\n }\n )}\n onClick={event => {\n event.stopPropagation();\n listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n }}\n popover={popover}\n tabIndex={-1}\n />\n ) : null}\n </ListboxPrimitive.Option>\n );\n});\n"],"names":["useSelect2Context","createOptionClassName","~~getFontSize~~","isAriaSelectionKey","EditPopover","ListboxPrimitive.Option","Icon","Tag","LegacyIconButton","isMobileDevice"],"mappings":";;;;;;;;;;;;;AAwBO,MAAM,SAAS,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;~~AACpG~~,~~QAAA~~,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;~~AACrF~~,~~QAAA~~;AAAA,IACF;AAAA,~~IACA~~;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~MACAA~~,~~0BAAkB~~;~~AAChB~~,~~QAAA~~,YAAY,GAAGC,gCAAsB,qBAAqB,GAAGC,~~sBAAY~~,QAAQ,GAAG,KAAK;~~AAEzF~~,~~QAAA~~,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;~~AAC7D~~,~~QAAA~~,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;;AACtB,QAAI,UAAU;AACV,~~sBAAU~~,~~YAAV~~,~~mBAAmB~~;AAAA,~~IAAM~~,~~OACtB~~;AACH,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAA+B;AAClD,QAAIC,KAAAA,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACG,sBAAA;AAAA,IAACC,~~KAAA~~;~~AAAA~~,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;~~AAGN~~,~~SAAA~~,sBAAA,cAACC,~~SAAA~~,QAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACG,sBAAA,cAACC,~~aAAK~~,MAAK,QAAO,WAAU,~~8EAA8E~~,~~CAAA~~,~~IAEzG~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,6CAA4C,eAAW,~~KAAC~~,~~CAAA~~,GAG3E,OAAO,aAAa,WACjB,~~QACK~~,sBAAA,~~cAAAC~~,~~IAAA~~,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,~~IAGK~~,sBAAA,cAAA,MAAA,UAAA,~~MAAA~~,SAAS,OAAO,WAAW,~~WAAY~~,sBAAA,~~cAAAD~~,~~KAAA~~,MAAA,EAAK,MAAM,QAAQ,WAAU,~~YAAY~~,~~CAAA~~,IAAK,SAAS,0CAC9F,~~QAAK~~,~~EAAA~~,WAAU,~~iCACX~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,gBAAA,~~GACX~~,sBAAA,~~cAAA~~,QAAA,MAAM,QAAS,GACf,~~cACI~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,wCAAuC,aAAU,~~cAC5D~~,~~GAAA~~,WACL,IACA,IACR,GACA,sBAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,~~WACd~~,sBAAA,~~cAAAA~~,KAAAA,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJ,sBAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACG,sBAAA;AAAA,IAACE,~~WAAA~~;~~AAAA~~,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAYC,OAAAA,eAAe,~~iCAAQ~~,SAAS;AAAA,QAAA;AAAA,~~MAEpD~~;AAAA,~~MACA~~,SAAS,~~CAAS~~,~~UAAA;;~~AACd,cAAM,~~gBAAgB~~;~~AACtB~~,~~uDAAY~~,~~YAAZ~~,~~mBAAqB,~~wBAAwB,MAAM,cAAc;AAAA,~~MACrE~~;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,~~MAEd~~,IACR;AAER,CAAC;;"}
1	+ {"version":3,"file":"Option.cjs","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName, FONT_SIZE_CLASSNAME } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { EditPopover, EditPopoverProps } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\nimport { Color } from '../../../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' \| 'prefix'> & {\n children: string \| React.JSX.Element;\n color?: Color;\n description?: string;\n fontSize?: FontSize;\n prefix?: IconName \| React.JSX.Element;\n postfix?: IconName \| React.JSX.Element;\n textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n const {\n fontSize = 'medium',\n listboxRef,\n multiple,\n onDelete,\n onEdit,\n ref: selectRef,\n setOpen,\n shouldPauseHoverState,\n tags,\n value,\n } = useSelect2Context();\n const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);\n\n const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n const isTag = tags && !!color;\n\n const handleClick = () => {\n if (multiple) {\n selectRef.current?.focus();\n } else {\n setOpen(false);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (isAriaSelectionKey(event) && (!multiple \|\| event.key === 'Tab')) {\n setOpen(false);\n }\n };\n\n const isEmptyOption = children !== '';\n\n const popover =\n isEmptyOption && (onEdit \|\| onDelete)\n ? (popoverProps: Partial<EditPopoverProps>) => (\n <EditPopover\n {...popoverProps}\n color={props.color}\n key={props.textValue ?? String(props.children)}\n text={props.textValue ?? String(props.children)}\n value={props.value}\n />\n )\n : undefined;\n\n return (\n <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n {hasValue ? (\n <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n ) : (\n <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n )}\n\n {typeof children === 'string' ? (\n isTag ? (\n <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n {children}\n </Tag>\n ) : (\n <>\n {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n <span className=\"flex w-full justify-between\">\n <span className=\"flex flex-col\">\n <span>{children}</span>\n {description ? (\n <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n {description}\n </span>\n ) : null}\n </span>\n <span className=\"flex flex-col self-center\">\n {postfix ? (\n typeof postfix === 'string' ? (\n <Icon name={postfix} className=\"!h-5 !w-5\" />\n ) : (\n postfix\n )\n ) : null}\n </span>\n </span>\n </>\n )\n ) : (\n <span className=\"w-full\">{children}</span>\n )}\n {popover ? (\n <LegacyIconButton\n icon=\"ellipsis-vertical\"\n appearance=\"discrete\"\n className={cn(\n 'invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible',\n {\n '!visible': isMobileDevice(window?.navigator),\n }\n )}\n onClick={event => {\n event.stopPropagation();\n listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n }}\n popover={popover}\n tabIndex={-1}\n />\n ) : null}\n </ListboxPrimitive.Option>\n );\n});\n"],"names":["useSelect2Context","createOptionClassName","FONT_SIZE_CLASSNAME","isAriaSelectionKey","EditPopover","ListboxPrimitive.Option","Icon","Tag","LegacyIconButton","isMobileDevice"],"mappings":";;;;;;;;;;;;;AAwBO,MAAM,SAAS,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC1G,QAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;AAC3F,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACAA,0BAAA;AACJ,QAAM,YAAY,GAAGC,gCAAsB,qBAAqB,GAAGC,8BAAoB,QAAQ,GAAG,KAAK;AAEvG,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;AACnE,QAAM,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;AACtB,QAAI,UAAU;AACV,gBAAU,SAAS,MAAA;AAAA,IACvB,OAAO;AACH,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAIC,KAAAA,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACG,sBAAA;AAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;AAEV,SACI,sBAAA,cAACC,SAAAA,QAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACG,sBAAA,cAACC,KAAAA,QAAK,MAAK,QAAO,WAAU,8EAAA,CAA8E,IAE1G,sBAAA,cAAC,QAAA,EAAK,WAAU,6CAA4C,eAAW,KAAA,CAAC,GAG3E,OAAO,aAAa,WACjB,QACI,sBAAA,cAACC,IAAAA,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,IAEA,sBAAA,cAAA,MAAA,UAAA,MACK,SAAS,OAAO,WAAW,WAAW,sBAAA,cAACD,KAAAA,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAA,CAAY,IAAK,SAAS,0CAC9F,QAAA,EAAK,WAAU,iCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,gBAAA,GACZ,sBAAA,cAAC,QAAA,MAAM,QAAS,GACf,cACG,sBAAA,cAAC,QAAA,EAAK,WAAU,wCAAuC,aAAU,cAAA,GAC5D,WACL,IACA,IACR,GACA,sBAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,WACf,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJ,sBAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACG,sBAAA;AAAA,IAACE,WAAAA;AAAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAYC,OAAAA,eAAe,QAAQ,SAAS;AAAA,QAAA;AAAA,MAChD;AAAA,MAEJ,SAAS,CAAA,UAAS;AACd,cAAM,gBAAA;AACN,oBAAY,SAAS,wBAAwB,MAAM,cAAc,aAA+B;AAAA,MACpG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;;"}

package/dist/components/Select2/components/Option.d.ts CHANGED Viewed

@@ -3,20 +3,20 @@ import { IconName } from '../../Icon/Icon';
 import { Color, FontSize } from '../../../types';
 import * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';
 export type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' | 'prefix'> & {
-    children: string | JSX.Element;
+    children: string | React.JSX.Element;
     color?: Color;
     description?: string;
     fontSize?: FontSize;
-    prefix?: IconName | JSX.Element;
-    postfix?: IconName | JSX.Element;
+    prefix?: IconName | React.JSX.Element;
+    postfix?: IconName | React.JSX.Element;
     textValue?: string;
 };
 export declare const Option: React.ForwardRefExoticComponent<Omit<ListboxPrimitive.Listbox2OptionProps, "children" | "prefix"> & {
-    children: string | JSX.Element;
+    children: string | React.JSX.Element;
     color?: Color;
     description?: string;
     fontSize?: FontSize;
-    prefix?: IconName | JSX.Element;
-    postfix?: IconName | JSX.Element;
+    prefix?: IconName | React.JSX.Element;
+    postfix?: IconName | React.JSX.Element;
     textValue?: string;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Select2/components/Option.js CHANGED Viewed

@@ -3,7 +3,7 @@ import cn from "clsx";
 import { Icon } from "../../Icon/Icon.js";
 import { Tag } from "../../Tag/Tag.js";
 import { isAriaSelectionKey } from "../../../utils/aria.js";
-import { createOptionClassName, getFontSize } from "../utilities.js";
+import { createOptionClassName, FONT_SIZE_CLASSNAME } from "../utilities.js";
 import { useSelect2Context } from "./Context.js";
 import { LegacyIconButton } from "../../LegacyComponents/IconButton/IconButton.js";
 import { EditPopover } from "./Edit.js";
@@ -12,7 +12,7 @@ import { Option as Option$1 } from "../../../primitives/Listbox2/components/Opti
 const Option = React__default.forwardRef(function Select2Option(props, ref) {
   const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;
   const {
-    fontSize,
+    fontSize = "medium",
     listboxRef,
     multiple,
     onDelete,
@@ -23,13 +23,12 @@ const Option = React__default.forwardRef(function Select2Option(props, ref) {
     tags,
     value
   } = useSelect2Context();
-  const className = cn(createOptionClassName(shouldPauseHoverState), getFontSize(fontSize), cName);
+  const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);
   const hasValue = Array.isArray(value) ? !!value.length : value !== void 0;
   const isTag = tags && !!color;
   const handleClick = () => {
-    var _a;
     if (multiple) {
-      (_a = selectRef.current) == null ? void 0 : _a.focus();
+      selectRef.current?.focus();
     } else {
       setOpen(false);
     }
@@ -56,15 +55,14 @@ const Option = React__default.forwardRef(function Select2Option(props, ref) {
       icon: "ellipsis-vertical",
       appearance: "discrete",
       className: cn(
-        "group-aria-current:visible hover:!bg-black-subtle invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] focus:!shadow-none group-hover:visible",
+        "invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible",
         {
-          "!visible": isMobileDevice(window == null ? void 0 : window.navigator)
+          "!visible": isMobileDevice(window?.navigator)
         }
       ),
       onClick: (event) => {
-        var _a;
         event.stopPropagation();
-        (_a = listboxRef == null ? void 0 : listboxRef.current) == null ? void 0 : _a.setActiveIndexByElement(event.currentTarget.parentElement);
+        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement);
       },
       popover,
       tabIndex: -1

package/dist/components/Select2/components/Option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.js","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName, ~~getFontSize~~ } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { EditPopover, EditPopoverProps } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\nimport { Color } from '../../../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' \| 'prefix'> & {\n children: string \| JSX.Element;\n color?: Color;\n description?: string;\n fontSize?: FontSize;\n prefix?: IconName \| JSX.Element;\n postfix?: IconName \| JSX.Element;\n textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n const {\n fontSize,\n listboxRef,\n multiple,\n onDelete,\n onEdit,\n ref: selectRef,\n setOpen,\n shouldPauseHoverState,\n tags,\n value,\n } = useSelect2Context();\n const className = cn(createOptionClassName(shouldPauseHoverState), ~~getFontSize(~~fontSize), cName);\n\n const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n const isTag = tags && !!color;\n\n const handleClick = () => {\n if (multiple) {\n selectRef.current?.focus();\n } else {\n setOpen(false);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (isAriaSelectionKey(event) && (!multiple \|\| event.key === 'Tab')) {\n setOpen(false);\n }\n };\n\n const isEmptyOption = children !== '';\n\n const popover =\n isEmptyOption && (onEdit \|\| onDelete)\n ? (popoverProps: Partial<EditPopoverProps>) => (\n <EditPopover\n {...popoverProps}\n color={props.color}\n key={props.textValue ?? String(props.children)}\n text={props.textValue ?? String(props.children)}\n value={props.value}\n />\n )\n : undefined;\n\n return (\n <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n {hasValue ? (\n <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n ) : (\n <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n )}\n\n {typeof children === 'string' ? (\n isTag ? (\n <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n {children}\n </Tag>\n ) : (\n <>\n {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n <span className=\"flex w-full justify-between\">\n <span className=\"flex flex-col\">\n <span>{children}</span>\n {description ? (\n <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n {description}\n </span>\n ) : null}\n </span>\n <span className=\"flex flex-col self-center\">\n {postfix ? (\n typeof postfix === 'string' ? (\n <Icon name={postfix} className=\"!h-5 !w-5\" />\n ) : (\n postfix\n )\n ) : null}\n </span>\n </span>\n </>\n )\n ) : (\n <span className=\"w-full\">{children}</span>\n )}\n {popover ? (\n <LegacyIconButton\n icon=\"ellipsis-vertical\"\n appearance=\"discrete\"\n className={cn(\n '~~group-aria-current:visible hover:!bg-black-subtle~~ invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] focus:!shadow-none group-hover:visible',\n {\n '!visible': isMobileDevice(window?.navigator),\n }\n )}\n onClick={event => {\n event.stopPropagation();\n listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n }}\n popover={popover}\n tabIndex={-1}\n />\n ) : null}\n </ListboxPrimitive.Option>\n );\n});\n"],"names":["React","ListboxPrimitive.Option"],"mappings":";;;;;;;;;;;AAwBO,MAAM,SAASA,eAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;~~AACpG~~,~~QAAA~~,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;~~AACrF~~,~~QAAA~~;AAAA,IACF;AAAA,~~IACA~~;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~MACA~~,~~kBAAkB~~;~~AAChB~~,~~QAAA~~,YAAY,GAAG,sBAAsB,qBAAqB,GAAG,~~YAAY~~,QAAQ,GAAG,KAAK;~~AAEzF~~,~~QAAA~~,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;~~AAC7D~~,~~QAAA~~,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;;AACtB,QAAI,UAAU;AACV,~~sBAAU~~,~~YAAV~~,~~mBAAmB~~;AAAA,~~IAAM~~,~~OACtB~~;AACH,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAA+B;AAClD,QAAI,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;~~AAGN~~,~~SAAAA~~,+BAAA,cAACC,UAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACGD,+BAAA,cAAC,QAAK,MAAK,QAAO,WAAU,~~8EAA8E~~,~~CAAA~~,~~IAEzGA~~,+BAAA,~~cAAA~~,QAAA,EAAK,WAAU,6CAA4C,eAAW,~~KAAC~~,~~CAAA~~,GAG3E,OAAO,aAAa,WACjB,~~QACKA~~,+BAAA,~~cAAA~~,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,~~IAGKA~~,+BAAA,cAAAA,eAAA,UAAA,~~MAAA~~,SAAS,OAAO,WAAW,~~WAAYA~~,+BAAA,~~cAAA~~,MAAA,EAAK,MAAM,QAAQ,WAAU,~~YAAY~~,~~CAAA~~,IAAK,SAAS,mDAC9F,~~QAAK~~,~~EAAA~~,WAAU,~~iCACXA~~,+BAAA,~~cAAA~~,QAAA,EAAK,WAAU,gBAAA,~~GACXA~~,+BAAA,~~cAAA~~,QAAA,MAAM,QAAS,GACf,~~cACIA~~,+BAAA,~~cAAA~~,QAAA,EAAK,WAAU,wCAAuC,aAAU,~~cAC5D~~,~~GAAA~~,WACL,IACA,IACR,GACAA,+BAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,~~WACdA~~,+BAAA,~~cAAA~~,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJA,+BAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAY,eAAe,~~iCAAQ~~,SAAS;AAAA,QAAA;AAAA,~~MAEpD~~;AAAA,~~MACA~~,SAAS,~~CAAS~~,~~UAAA;;~~AACd,cAAM,~~gBAAgB~~;~~AACtB~~,~~uDAAY~~,~~YAAZ~~,~~mBAAqB,~~wBAAwB,MAAM,cAAc;AAAA,~~MACrE~~;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,~~MAEd~~,IACR;AAER,CAAC;"}
1	+ {"version":3,"file":"Option.js","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tag } from '../../Tag/Tag';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport { createOptionClassName, FONT_SIZE_CLASSNAME } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { EditPopover, EditPopoverProps } from './Edit';\nimport { isMobileDevice } from '../../../utils/device';\nimport { Color } from '../../../types';\nimport { FontSize } from '../../../types';\n\nexport type Select2OptionProps = Omit<ListboxPrimitive.Listbox2OptionProps, 'children' \| 'prefix'> & {\n children: string \| React.JSX.Element;\n color?: Color;\n description?: string;\n fontSize?: FontSize;\n prefix?: IconName \| React.JSX.Element;\n postfix?: IconName \| React.JSX.Element;\n textValue?: string;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Select2OptionProps>(function Select2Option(props, ref) {\n const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n const {\n fontSize = 'medium',\n listboxRef,\n multiple,\n onDelete,\n onEdit,\n ref: selectRef,\n setOpen,\n shouldPauseHoverState,\n tags,\n value,\n } = useSelect2Context();\n const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);\n\n const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n const isTag = tags && !!color;\n\n const handleClick = () => {\n if (multiple) {\n selectRef.current?.focus();\n } else {\n setOpen(false);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (isAriaSelectionKey(event) && (!multiple \|\| event.key === 'Tab')) {\n setOpen(false);\n }\n };\n\n const isEmptyOption = children !== '';\n\n const popover =\n isEmptyOption && (onEdit \|\| onDelete)\n ? (popoverProps: Partial<EditPopoverProps>) => (\n <EditPopover\n {...popoverProps}\n color={props.color}\n key={props.textValue ?? String(props.children)}\n text={props.textValue ?? String(props.children)}\n value={props.value}\n />\n )\n : undefined;\n\n return (\n <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n {hasValue ? (\n <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n ) : (\n <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n )}\n\n {typeof children === 'string' ? (\n isTag ? (\n <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n {children}\n </Tag>\n ) : (\n <>\n {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n <span className=\"flex w-full justify-between\">\n <span className=\"flex flex-col\">\n <span>{children}</span>\n {description ? (\n <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n {description}\n </span>\n ) : null}\n </span>\n <span className=\"flex flex-col self-center\">\n {postfix ? (\n typeof postfix === 'string' ? (\n <Icon name={postfix} className=\"!h-5 !w-5\" />\n ) : (\n postfix\n )\n ) : null}\n </span>\n </span>\n </>\n )\n ) : (\n <span className=\"w-full\">{children}</span>\n )}\n {popover ? (\n <LegacyIconButton\n icon=\"ellipsis-vertical\"\n appearance=\"discrete\"\n className={cn(\n 'invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible',\n {\n '!visible': isMobileDevice(window?.navigator),\n }\n )}\n onClick={event => {\n event.stopPropagation();\n listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n }}\n popover={popover}\n tabIndex={-1}\n />\n ) : null}\n </ListboxPrimitive.Option>\n );\n});\n"],"names":["React","ListboxPrimitive.Option"],"mappings":";;;;;;;;;;;AAwBO,MAAM,SAASA,eAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC1G,QAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;AAC3F,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AACJ,QAAM,YAAY,GAAG,sBAAsB,qBAAqB,GAAG,oBAAoB,QAAQ,GAAG,KAAK;AAEvG,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;AACnE,QAAM,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;AACtB,QAAI,UAAU;AACV,gBAAU,SAAS,MAAA;AAAA,IACvB,OAAO;AACH,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAI,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;AAEV,SACIA,+BAAA,cAACC,UAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACGD,+BAAA,cAAC,QAAK,MAAK,QAAO,WAAU,8EAAA,CAA8E,IAE1GA,+BAAA,cAAC,QAAA,EAAK,WAAU,6CAA4C,eAAW,KAAA,CAAC,GAG3E,OAAO,aAAa,WACjB,QACIA,+BAAA,cAAC,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,IAEAA,+BAAA,cAAAA,eAAA,UAAA,MACK,SAAS,OAAO,WAAW,WAAWA,+BAAA,cAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAA,CAAY,IAAK,SAAS,mDAC9F,QAAA,EAAK,WAAU,iCACZA,+BAAA,cAAC,QAAA,EAAK,WAAU,gBAAA,GACZA,+BAAA,cAAC,QAAA,MAAM,QAAS,GACf,cACGA,+BAAA,cAAC,QAAA,EAAK,WAAU,wCAAuC,aAAU,cAAA,GAC5D,WACL,IACA,IACR,GACAA,+BAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,WACfA,+BAAA,cAAC,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJA,+BAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAY,eAAe,QAAQ,SAAS;AAAA,QAAA;AAAA,MAChD;AAAA,MAEJ,SAAS,CAAA,UAAS;AACd,cAAM,gBAAA;AACN,oBAAY,SAAS,wBAAwB,MAAM,cAAc,aAA+B;AAAA,MACpG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;"}

package/dist/components/Select2/components/Search.cjs CHANGED Viewed

@@ -16,7 +16,6 @@ const Search = React.forwardRef(function ListboxSearch(props, ref) {
     setSearchQuery(event.target.value);
   };
   const handleKeyDown = (event) => {
-    var _a;
     if (event.key === " ") {
       return;
     }
@@ -25,7 +24,7 @@ const Search = React.forwardRef(function ListboxSearch(props, ref) {
     }
     if (aria.isAriaSelectionKey(event) || event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
-      (_a = listboxRef == null ? void 0 : listboxRef.current) == null ? void 0 : _a.dispatchEvent(input.createCustomKeyboardEvent(event));
+      listboxRef?.current?.dispatchEvent(input.createCustomKeyboardEvent(event));
       return;
     }
   };
@@ -34,7 +33,7 @@ const Search = React.forwardRef(function ListboxSearch(props, ref) {
     {
       className: cn("mx-1.5 mb-1.5 !min-h-fit", { "!pb-0": !validationError }),
       invalid: !!validationError,
-      message: validationError == null ? void 0 : validationError.message
+      message: validationError?.message
     },
     /* @__PURE__ */ React.createElement(
       Input.Input,

package/dist/components/Select2/components/Search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.cjs","sources":["../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Input, InputProps } from '../../Input/Input';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { isAriaSelectionKey } from '../../../utils/aria';\n\nexport const Search = React.forwardRef<HTMLInputElement, InputProps>(function ListboxSearch(props, ref) {\n const { listboxRef, searchQuery, setSearchQuery, setValidationError, validationError } = useSelect2Context();\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (validationError) {\n setValidationError(undefined);\n }\n\n setSearchQuery(event.target.value);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // space is an aria selection key, so we have to remove it to allow spaces\n if (event.key === ' ') {\n return;\n }\n\n // don't bubble if there is a search value, it would prevent cursor navigation inside the input\n if ((event.key === 'ArrowLeft' \|\| event.key === 'ArrowRight') && event.currentTarget.value.length) {\n event.stopPropagation();\n }\n\n if (isAriaSelectionKey(event) \|\| event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n event.preventDefault();\n // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input\n listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n return;\n }\n };\n\n return (\n <Field\n className={cn('mx-1.5 mb-1.5 !min-h-fit', { '!pb-0': !validationError })}\n invalid={!!validationError}\n message={validationError?.message}>\n <Input\n {...props}\n invalid={!!validationError}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n value={searchQuery}\n />\n </Field>\n );\n});\n"],"names":["useSelect2Context","isAriaSelectionKey","createCustomKeyboardEvent","Field","Input"],"mappings":";;;;;;;;;AAQO,MAAM,SAAS,MAAM,WAAyC,SAAS,cAAc,OAAO,KAAK;AACpG,QAAM,EAAE,YAAY,aAAa,gBAAgB,oBAAoB,~~oBAAoBA~~,~~0BAAkB~~;~~AAErG~~,~~QAAA~~,eAAe,CAAC,UAA+C;AACjE,QAAI,iBAAiB;AACjB,yBAAmB,MAAS;AAAA,~~IAAA~~;~~AAGjB~~,~~mBAAA~~,MAAM,OAAO,KAAK;AAAA,EACrC;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAAiD~~;;AAEhE~~,~~QAAA~~,MAAM,QAAQ,KAAK;AACnB;AAAA,~~IAAA~~;~~AAIC~~,~~SAAA~~,MAAM,QAAQ,eAAe,MAAM,QAAQ,iBAAiB,MAAM,cAAc,MAAM,QAAQ;AAC/F,YAAM,~~gBAAgB~~;AAAA,~~IAAA~~;~~AAGtB~~,~~QAAAC~~,~~KAAA~~,mBAAmB,KAAK,KAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACnF,YAAM,~~eAAe~~;~~AAErB~~,~~qDAAY~~,~~YAAZ~~,~~mBAAqB,~~cAAcC,~~MAA0B~~,~~0BAAA~~,KAA8C;~~AAC3G~~;AAAA,~~IAAA~~;AAAA,~~EAER~~;~~AAGI~~,~~SAAA~~,sBAAA;AAAA,IAACC,~~MAAA~~;~~AAAA~~,IAAA;AAAA,MACG,WAAW,GAAG,4BAA4B,EAAE,SAAS,CAAC,iBAAiB;AAAA,MACvE,SAAS,CAAC,CAAC;AAAA,MACX,SAAS,~~mDAAiB~~;AAAA,IAAA;AAAA,IAC1B,sBAAA;AAAA,MAACC,~~MAAA~~;~~AAAA~~,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,SAAS,CAAC,CAAC;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAEf~~;~~AAER~~,CAAC;;"}
1	+ {"version":3,"file":"Search.cjs","sources":["../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Input, InputProps } from '../../Input/Input';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { isAriaSelectionKey } from '../../../utils/aria';\n\nexport const Search = React.forwardRef<HTMLInputElement, InputProps>(function ListboxSearch(props, ref) {\n const { listboxRef, searchQuery, setSearchQuery, setValidationError, validationError } = useSelect2Context();\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (validationError) {\n setValidationError(undefined);\n }\n\n setSearchQuery(event.target.value);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // space is an aria selection key, so we have to remove it to allow spaces\n if (event.key === ' ') {\n return;\n }\n\n // don't bubble if there is a search value, it would prevent cursor navigation inside the input\n if ((event.key === 'ArrowLeft' \|\| event.key === 'ArrowRight') && event.currentTarget.value.length) {\n event.stopPropagation();\n }\n\n if (isAriaSelectionKey(event) \|\| event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n event.preventDefault();\n // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input\n listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n return;\n }\n };\n\n return (\n <Field\n className={cn('mx-1.5 mb-1.5 !min-h-fit', { '!pb-0': !validationError })}\n invalid={!!validationError}\n message={validationError?.message}>\n <Input\n {...props}\n invalid={!!validationError}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n value={searchQuery}\n />\n </Field>\n );\n});\n"],"names":["useSelect2Context","isAriaSelectionKey","createCustomKeyboardEvent","Field","Input"],"mappings":";;;;;;;;;AAQO,MAAM,SAAS,MAAM,WAAyC,SAAS,cAAc,OAAO,KAAK;AACpG,QAAM,EAAE,YAAY,aAAa,gBAAgB,oBAAoB,gBAAA,IAAoBA,0BAAA;AAEzF,QAAM,eAAe,CAAC,UAA+C;AACjE,QAAI,iBAAiB;AACjB,yBAAmB,MAAS;AAAA,IAChC;AAEA,mBAAe,MAAM,OAAO,KAAK;AAAA,EACrC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AAEpE,QAAI,MAAM,QAAQ,KAAK;AACnB;AAAA,IACJ;AAGA,SAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,iBAAiB,MAAM,cAAc,MAAM,QAAQ;AAC/F,YAAM,gBAAA;AAAA,IACV;AAEA,QAAIC,KAAAA,mBAAmB,KAAK,KAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACnF,YAAM,eAAA;AAEN,kBAAY,SAAS,cAAcC,MAAAA,0BAA0B,KAA8C,CAAC;AAC5G;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,WAAW,GAAG,4BAA4B,EAAE,SAAS,CAAC,iBAAiB;AAAA,MACvE,SAAS,CAAC,CAAC;AAAA,MACX,SAAS,iBAAiB;AAAA,IAAA;AAAA,IAC1B,sBAAA;AAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,SAAS,CAAC,CAAC;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACX;AAGZ,CAAC;;"}

package/dist/components/Select2/components/Search.d.ts CHANGED Viewed

@@ -2,9 +2,12 @@ import { default as React } from 'react';
 export declare const Search: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & {
     highlighted?: boolean;
     invalid?: boolean;
-    postfix?: string | JSX.Element;
-    prefix?: string | JSX.Element;
+    postfix?: string | React.JSX.Element;
+    prefix?: string | React.JSX.Element;
 } & {
-    button?: React.ReactElement;
-    icon?: import('../../..').IconName | JSX.Element;
+    button?: React.ReactElement<{
+        disabled?: boolean;
+        className?: string;
+    }>;
+    icon?: import('../../..').IconName | React.JSX.Element;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Select2/components/Search.js CHANGED Viewed

@@ -14,7 +14,6 @@ const Search = React__default.forwardRef(function ListboxSearch(props, ref) {
     setSearchQuery(event.target.value);
   };
   const handleKeyDown = (event) => {
-    var _a;
     if (event.key === " ") {
       return;
     }
@@ -23,7 +22,7 @@ const Search = React__default.forwardRef(function ListboxSearch(props, ref) {
     }
     if (isAriaSelectionKey(event) || event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
-      (_a = listboxRef == null ? void 0 : listboxRef.current) == null ? void 0 : _a.dispatchEvent(createCustomKeyboardEvent(event));
+      listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event));
       return;
     }
   };
@@ -32,7 +31,7 @@ const Search = React__default.forwardRef(function ListboxSearch(props, ref) {
     {
       className: cn("mx-1.5 mb-1.5 !min-h-fit", { "!pb-0": !validationError }),
       invalid: !!validationError,
-      message: validationError == null ? void 0 : validationError.message
+      message: validationError?.message
     },
     /* @__PURE__ */ React__default.createElement(
       Input,

package/dist/components/Select2/components/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Input, InputProps } from '../../Input/Input';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { isAriaSelectionKey } from '../../../utils/aria';\n\nexport const Search = React.forwardRef<HTMLInputElement, InputProps>(function ListboxSearch(props, ref) {\n const { listboxRef, searchQuery, setSearchQuery, setValidationError, validationError } = useSelect2Context();\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (validationError) {\n setValidationError(undefined);\n }\n\n setSearchQuery(event.target.value);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // space is an aria selection key, so we have to remove it to allow spaces\n if (event.key === ' ') {\n return;\n }\n\n // don't bubble if there is a search value, it would prevent cursor navigation inside the input\n if ((event.key === 'ArrowLeft' \|\| event.key === 'ArrowRight') && event.currentTarget.value.length) {\n event.stopPropagation();\n }\n\n if (isAriaSelectionKey(event) \|\| event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n event.preventDefault();\n // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input\n listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n return;\n }\n };\n\n return (\n <Field\n className={cn('mx-1.5 mb-1.5 !min-h-fit', { '!pb-0': !validationError })}\n invalid={!!validationError}\n message={validationError?.message}>\n <Input\n {...props}\n invalid={!!validationError}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n value={searchQuery}\n />\n </Field>\n );\n});\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,SAASA,eAAM,WAAyC,SAAS,cAAc,OAAO,KAAK;AACpG,QAAM,EAAE,YAAY,aAAa,gBAAgB,oBAAoB,~~oBAAoB~~,~~kBAAkB~~;~~AAErG~~,~~QAAA~~,eAAe,CAAC,UAA+C;AACjE,QAAI,iBAAiB;AACjB,yBAAmB,MAAS;AAAA,~~IAAA~~;~~AAGjB~~,~~mBAAA~~,MAAM,OAAO,KAAK;AAAA,EACrC;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAAiD~~;;AAEhE~~,~~QAAA~~,MAAM,QAAQ,KAAK;AACnB;AAAA,~~IAAA~~;~~AAIC~~,~~SAAA~~,MAAM,QAAQ,eAAe,MAAM,QAAQ,iBAAiB,MAAM,cAAc,MAAM,QAAQ;AAC/F,YAAM,~~gBAAgB~~;AAAA,~~IAAA~~;~~AAGtB~~,~~QAAA~~,mBAAmB,KAAK,KAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACnF,YAAM,~~eAAe~~;~~AAErB~~,~~qDAAY~~,~~YAAZ~~,~~mBAAqB,~~cAAc,0BAA0B,KAA8C;~~AAC3G~~;AAAA,~~IAAA~~;AAAA,~~EAER~~;~~AAGI~~,~~SAAAA~~,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,GAAG,4BAA4B,EAAE,SAAS,CAAC,iBAAiB;AAAA,MACvE,SAAS,CAAC,CAAC;AAAA,MACX,SAAS,~~mDAAiB~~;AAAA,IAAA;AAAA,IAC1BA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,SAAS,CAAC,CAAC;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAEf~~;~~AAER~~,CAAC;"}
1	+ {"version":3,"file":"Search.js","sources":["../../../../src/components/Select2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Input, InputProps } from '../../Input/Input';\nimport { useSelect2Context } from './Context';\nimport { Field } from '../../Field/Field';\nimport { isAriaSelectionKey } from '../../../utils/aria';\n\nexport const Search = React.forwardRef<HTMLInputElement, InputProps>(function ListboxSearch(props, ref) {\n const { listboxRef, searchQuery, setSearchQuery, setValidationError, validationError } = useSelect2Context();\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (validationError) {\n setValidationError(undefined);\n }\n\n setSearchQuery(event.target.value);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // space is an aria selection key, so we have to remove it to allow spaces\n if (event.key === ' ') {\n return;\n }\n\n // don't bubble if there is a search value, it would prevent cursor navigation inside the input\n if ((event.key === 'ArrowLeft' \|\| event.key === 'ArrowRight') && event.currentTarget.value.length) {\n event.stopPropagation();\n }\n\n if (isAriaSelectionKey(event) \|\| event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n event.preventDefault();\n // forward navigation events onto the underlying collection - we want arrow keys to work from inside the filter input\n listboxRef?.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n return;\n }\n };\n\n return (\n <Field\n className={cn('mx-1.5 mb-1.5 !min-h-fit', { '!pb-0': !validationError })}\n invalid={!!validationError}\n message={validationError?.message}>\n <Input\n {...props}\n invalid={!!validationError}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n value={searchQuery}\n />\n </Field>\n );\n});\n"],"names":["React"],"mappings":";;;;;;;AAQO,MAAM,SAASA,eAAM,WAAyC,SAAS,cAAc,OAAO,KAAK;AACpG,QAAM,EAAE,YAAY,aAAa,gBAAgB,oBAAoB,gBAAA,IAAoB,kBAAA;AAEzF,QAAM,eAAe,CAAC,UAA+C;AACjE,QAAI,iBAAiB;AACjB,yBAAmB,MAAS;AAAA,IAChC;AAEA,mBAAe,MAAM,OAAO,KAAK;AAAA,EACrC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AAEpE,QAAI,MAAM,QAAQ,KAAK;AACnB;AAAA,IACJ;AAGA,SAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,iBAAiB,MAAM,cAAc,MAAM,QAAQ;AAC/F,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,mBAAmB,KAAK,KAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;AACnF,YAAM,eAAA;AAEN,kBAAY,SAAS,cAAc,0BAA0B,KAA8C,CAAC;AAC5G;AAAA,IACJ;AAAA,EACJ;AAEA,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,GAAG,4BAA4B,EAAE,SAAS,CAAC,iBAAiB;AAAA,MACvE,SAAS,CAAC,CAAC;AAAA,MACX,SAAS,iBAAiB;AAAA,IAAA;AAAA,IAC1BA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,SAAS,CAAC,CAAC;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACX;AAGZ,CAAC;"}

package/dist/components/Select2/components/Title.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const React = require("react");
 const cn = require("clsx");
 const Title$1 = require("../../../primitives/Listbox2/components/Title.cjs");
 const Title = React.forwardRef(function Select2Title(props, ref) {
-  const className = cn("flex items-center text-xs pl-2 h-8", props.className);
+  const className = cn("flex h-8 items-center pl-2 text-xs", props.className);
   return /* @__PURE__ */ React.createElement(Title$1.Title, { ...props, className, ref });
 });
 exports.Title = Title;

package/dist/components/Select2/components/Title.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.cjs","sources":["../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\n\nexport type Select2TitleProps = ListboxPrimitive.Listbox2TitleProps;\n\nexport const Title = React.forwardRef<HTMLDivElement, Select2TitleProps>(function Select2Title(props, ref) {\n const className = cn('flex items-center ~~text-xs~~ pl-2 h-8', props.className);\n return <ListboxPrimitive.Title {...props} className={className} ref={ref} />;\n});\n"],"names":["ListboxPrimitive.Title"],"mappings":";;;;;AAMO,MAAM,QAAQ,MAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,YAAY,GAAG,sCAAsC,MAAM,SAAS;AAC1E,6CAAQA,~~QAAiB~~,~~OAAjB~~,EAAwB,GAAG,OAAO,WAAsB,KAAU;AAC9E,CAAC;;"}
1	+ {"version":3,"file":"Title.cjs","sources":["../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\n\nexport type Select2TitleProps = ListboxPrimitive.Listbox2TitleProps;\n\nexport const Title = React.forwardRef<HTMLDivElement, Select2TitleProps>(function Select2Title(props, ref) {\n const className = cn('flex h-8 items-center pl-2 text-xs', props.className);\n return <ListboxPrimitive.Title {...props} className={className} ref={ref} />;\n});\n"],"names":["ListboxPrimitive.Title"],"mappings":";;;;;AAMO,MAAM,QAAQ,MAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,YAAY,GAAG,sCAAsC,MAAM,SAAS;AAC1E,6CAAQA,QAAAA,OAAA,EAAwB,GAAG,OAAO,WAAsB,KAAU;AAC9E,CAAC;;"}

package/dist/components/Select2/components/Title.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React__default from "react";
 import cn from "clsx";
 import { Title as Title$1 } from "../../../primitives/Listbox2/components/Title.js";
 const Title = React__default.forwardRef(function Select2Title(props, ref) {
-  const className = cn("flex items-center text-xs pl-2 h-8", props.className);
+  const className = cn("flex h-8 items-center pl-2 text-xs", props.className);
   return /* @__PURE__ */ React__default.createElement(Title$1, { ...props, className, ref });
 });
 export {

package/dist/components/Select2/components/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.js","sources":["../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\n\nexport type Select2TitleProps = ListboxPrimitive.Listbox2TitleProps;\n\nexport const Title = React.forwardRef<HTMLDivElement, Select2TitleProps>(function Select2Title(props, ref) {\n const className = cn('flex items-center ~~text-xs~~ pl-2 h-8', props.className);\n return <ListboxPrimitive.Title {...props} className={className} ref={ref} />;\n});\n"],"names":["React","ListboxPrimitive.Title"],"mappings":";;;AAMO,MAAM,QAAQA,eAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,YAAY,GAAG,sCAAsC,MAAM,SAAS;AAC1E,sDAAQC,SAAA,EAAwB,GAAG,OAAO,WAAsB,KAAU;AAC9E,CAAC;"}
1	+ {"version":3,"file":"Title.js","sources":["../../../../src/components/Select2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\n\nexport type Select2TitleProps = ListboxPrimitive.Listbox2TitleProps;\n\nexport const Title = React.forwardRef<HTMLDivElement, Select2TitleProps>(function Select2Title(props, ref) {\n const className = cn('flex h-8 items-center pl-2 text-xs', props.className);\n return <ListboxPrimitive.Title {...props} className={className} ref={ref} />;\n});\n"],"names":["React","ListboxPrimitive.Title"],"mappings":";;;AAMO,MAAM,QAAQA,eAAM,WAA8C,SAAS,aAAa,OAAO,KAAK;AACvG,QAAM,YAAY,GAAG,sCAAsC,MAAM,SAAS;AAC1E,sDAAQC,SAAA,EAAwB,GAAG,OAAO,WAAsB,KAAU;AAC9E,CAAC;"}

package/dist/components/Select2/components/Trigger.cjs CHANGED Viewed

@@ -34,16 +34,15 @@ const Trigger = React.forwardRef(function Select2Trigger(props, ref) {
   return /* @__PURE__ */ React.createElement(Single, { ...props, ref, value });
 });
 const Button = React.forwardRef(function Select2TriggerButton(props, ref) {
-  var _a;
   const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;
-  const { disabled, fontSize, highlighted, invalid, open, readOnly } = Context.useSelect2Context();
+  const { disabled, fontSize = "medium", highlighted, invalid, open, readOnly } = Context.useSelect2Context();
   const className = cn(
-    "px-1.5 h-fit",
+    "h-fit px-1.5",
     util.getInputClasses({ ...props, disabled, highlighted, invalid, readOnly }).replace("w-full", "").replace("px-2", ""),
-    utilities.getFontSize(fontSize),
+    utilities.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
   );
@@ -66,11 +65,10 @@ const Button = React.forwardRef(function Select2TriggerButton(props, ref) {
     };
   }
   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") {
@@ -100,7 +98,7 @@ const Button = React.forwardRef(function Select2TriggerButton(props, ref) {
 const Single = React.forwardRef(function Select2TriggerSingle(props, ref) {
   const { children, emptyValue, value, placeholder, ...buttonProps } = props;
   const { disabled, readOnly, tags } = Context.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) {
@@ -127,15 +125,13 @@ const Single = React.forwardRef(function Select2TriggerSingle(props, ref) {
   return /* @__PURE__ */ React.createElement(Button, { ...buttonProps, ref }, /* @__PURE__ */ React.createElement("div", { className: contentClassName, "data-taco": placeholder ? void 0 : "select2-value" }, output));
 });
 const Multiple = React.forwardRef(function Select2TriggerMultiple(props, ref) {
-  var _a;
   const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;
   const { disabled, open, readOnly, setValue, tags } = Context.useSelect2Context();
   const buttonRef = useMergedRef.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;
@@ -152,8 +148,8 @@ const Multiple = React.forwardRef(function Select2TriggerMultiple(props, ref) {
           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);
             }
@@ -171,8 +167,8 @@ const Multiple = React.forwardRef(function Select2TriggerMultiple(props, ref) {
             {
               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);
                 }
@@ -191,7 +187,7 @@ const Multiple = React.forwardRef(function Select2TriggerMultiple(props, ref) {
     {
       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.createElement(Button, { ...buttonProps, className, ref: buttonRef }, content)
   );
@@ -203,11 +199,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 "";
   };