@economic/taco 2.49.0-server.3 → 2.49.0

package/dist/esm/packages/taco/src/components/Select2/components/Create.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { AVAILABLE_COLORS } from '../../../utils/tailwind.js';
 import { Icon } from '../../Icon/Icon.js';
 import { useLocalization } from '../../Provider/Localization.js';
@@ -11,55 +10,55 @@ import { Tag } from '../../Tag/Tag.js';
 import { createOptionClassName } from '../utilities.js';
 import { useSelect2Context } from './Context.js';
 
-var getNextColor = function getNextColor(options) {
-  var occurrences = {};
-  AVAILABLE_COLORS.filter(function (color) {
-    return color !== 'transparent';
-  }).forEach(function (color) {
-    var _extends2;
-    occurrences = _extends({}, occurrences, (_extends2 = {}, _extends2[color] = 0, _extends2));
+const getNextColor = options => {
+  let occurrences = {};
+  AVAILABLE_COLORS.filter(color => color !== 'transparent').forEach(color => {
+    occurrences = {
+      ...occurrences,
+      [color]: 0
+    };
   });
-  options.reduce(function (occurrences, option) {
+  options.reduce((occurrences, option) => {
     if (option.props.color) {
       occurrences[option.props.color] = occurrences[option.props.color] ? occurrences[option.props.color] + 1 : 1;
     }
     return occurrences;
   }, occurrences);
-  var colors = Object.keys(occurrences);
+  const colors = Object.keys(occurrences);
   if (colors.length) {
-    return colors.sort(function (a, b) {
-      return occurrences[a] - occurrences[b];
-    })[0];
+    return colors.sort((a, b) => occurrences[a] - occurrences[b])[0];
   }
   return undefined;
 };
-var Create = function Create(props) {
-  var handleCreate = props.onCreate,
-    options = props.options;
-  var _useSelect2Context = useSelect2Context(),
-    multiple = _useSelect2Context.multiple,
-    searchQuery = _useSelect2Context.searchQuery,
-    setOpen = _useSelect2Context.setOpen,
-    setSearchQuery = _useSelect2Context.setSearchQuery,
-    setValidationError = _useSelect2Context.setValidationError,
-    setValue = _useSelect2Context.setValue,
-    createDialog = _useSelect2Context.createDialog,
-    createTriggerText = _useSelect2Context.createTriggerText;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
+const Create = props => {
+  const {
+    onCreate: handleCreate,
+    options
+  } = props;
+  const {
+    multiple,
+    searchQuery,
+    setOpen,
+    setSearchQuery,
+    setValidationError,
+    setValue,
+    createDialog,
+    createTriggerText
+  } = useSelect2Context();
+  const {
+    texts
+  } = useLocalization();
   // determine what the next color tag should be based on color occurences
-  var nextColor = React__default.useMemo(function () {
-    return getNextColor(options);
-  }, [options]);
-  var onCreateDialogClose = React__default.useCallback(function () {
+  const nextColor = React__default.useMemo(() => getNextColor(options), [options]);
+  const onCreateDialogClose = React__default.useCallback(() => {
     setOpen(false);
   }, [setOpen]);
   if (!createDialog && !searchQuery) {
     return null;
   }
-  var create = function create(value) {
+  const create = function (value) {
     try {
-      var _temp = _catch(function () {
+      const _temp = _catch(function () {
         return Promise.resolve(handleCreate(value, nextColor)).then(function (item) {
           setValue(item.value);
           if (multiple) {
@@ -76,27 +75,24 @@ var Create = function Create(props) {
       return Promise.reject(e);
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (isAriaSelectionKey(event)) {
       event.currentTarget.click();
     }
   };
-  var className = cn(createOptionClassName(), {
+  const className = cn(createOptionClassName(), {
     '!w-[calc(100%_-_theme(spacing.3))] ml-1.5': !createDialog,
     'leading-normal border-grey-300 h-9 border-t py-2.5 px-4 !-mb-1.5': !!createDialog
   });
-  var creationOptions = createDialog ? {
-    dialog: function dialog(props) {
-      return createDialog(_extends({}, props, {
-        onClose: onCreateDialogClose
-      }), searchQuery, create);
-    }
+  const creationOptions = createDialog ? {
+    dialog: props => createDialog({
+      ...props,
+      onClose: onCreateDialogClose
+    }, searchQuery, create)
   } : {
-    onClick: function onClick() {
-      return create(searchQuery);
-    }
+    onClick: () => create(searchQuery)
   };
-  var createText = createTriggerText || texts.select2.create;
+  const createText = createTriggerText || texts.select2.create;
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
     className: className
   }, creationOptions, {

package/dist/esm/packages/taco/src/components/Select2/components/Create.js.map

@@ -1 +1 @@
-{"version":3,"file":"Create.js","sources":["../../../../../../../../src/components/Select2/components/Create.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Tag } from '../../Tag/Tag';\nimport { createOptionClassName } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Color } from '../../../types';\nimport { AVAILABLE_COLORS } from '../../../utils/tailwind';\nimport { Select2CreateHandler } from '../types';\nimport { Icon } from '../../Icon/Icon';\nimport { Button } from '../../Button/Button';\n\nexport type CreateProps = {\n    onCreate: Select2CreateHandler;\n    options: React.ReactElement<Select2OptionProps>[];\n};\n\nexport const getNextColor = (options: React.ReactElement<Select2OptionProps>[]): Color | undefined => {\n    let occurrences = {};\n    AVAILABLE_COLORS.filter(color => color !== 'transparent').forEach((color: Color) => {\n        occurrences = { ...occurrences, [color]: 0 };\n    });\n\n    options.reduce((occurrences, option) => {\n        if (option.props.color) {\n            occurrences[option.props.color] = occurrences[option.props.color] ? occurrences[option.props.color] + 1 : 1;\n        }\n        return occurrences;\n    }, occurrences);\n\n    const colors = Object.keys(occurrences);\n\n    if (colors.length) {\n        return colors.sort((a, b) => occurrences[a] - occurrences[b])[0] as Color;\n    }\n\n    return undefined;\n};\n\nexport const Create = (props: CreateProps) => {\n    const { onCreate: handleCreate, options } = props;\n    const { multiple, searchQuery, setOpen, setSearchQuery, setValidationError, setValue, createDialog, createTriggerText } =\n        useSelect2Context();\n    const { texts } = useLocalization();\n\n    // determine what the next color tag should be based on color occurences\n    const nextColor = React.useMemo(() => getNextColor(options), [options]);\n\n    const onCreateDialogClose = React.useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    if (!createDialog && !searchQuery) {\n        return null;\n    }\n\n    const create = async (value?: string | unknown) => {\n        try {\n            const item = await handleCreate(value, nextColor);\n            setValue(item.value);\n\n            if (multiple) {\n                setSearchQuery('');\n            } else {\n                setOpen(false);\n            }\n        } catch (error) {\n            setValidationError(error as Error);\n        }\n    };\n\n    const handleKeyDown = event => {\n        if (isAriaSelectionKey(event)) {\n            event.currentTarget.click();\n        }\n    };\n\n    const className = cn(createOptionClassName(), {\n        '!w-[calc(100%_-_theme(spacing.3))] ml-1.5': !createDialog,\n        'leading-normal border-grey-300 h-9 border-t py-2.5 px-4 !-mb-1.5': !!createDialog,\n    });\n\n    const creationOptions = createDialog\n        ? {\n              dialog: props => createDialog({ ...props, onClose: onCreateDialogClose }, searchQuery, create),\n          }\n        : {\n              onClick: () => create(searchQuery),\n          };\n\n    const createText = createTriggerText || texts.select2.create;\n\n    return (\n        <Button\n            className={className}\n            {...creationOptions}\n            onKeyDown={handleKeyDown}\n            appearance={createDialog ? 'discrete' : 'default'}>\n            <span className=\"flex items-center gap-1.5\">\n                {createDialog ? (\n                    <>\n                        <Icon className=\"text-xs\" name=\"circle-plus\" /> {createText}\n                    </>\n                ) : (\n                    <>\n                        {createText}\n                        <Tag color={nextColor} className=\"cursor-pointer\">\n                            {searchQuery}\n                        </Tag>\n                    </>\n                )}\n            </span>\n        </Button>\n    );\n};\n"],"names":["getNextColor","options","occurrences","AVAILABLE_COLORS","filter","color","forEach","_extends","_extends2","reduce","option","props","colors","Object","keys","length","sort","a","b","undefined","Create","handleCreate","onCreate","_useSelect2Context","useSelect2Context","multiple","searchQuery","setOpen","setSearchQuery","setValidationError","setValue","createDialog","createTriggerText","_useLocalization","useLocalization","texts","nextColor","React","useMemo","onCreateDialogClose","useCallback","create","value","Promise","resolve","then","item","error","_temp","e","reject","handleKeyDown","event","isAriaSelectionKey","currentTarget","click","className","cn","createOptionClassName","creationOptions","dialog","onClose","onClick","createText","select2","Button","onKeyDown","appearance","Icon","name","Tag"],"mappings":"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"}
+{"version":3,"file":"Create.js","sources":["../../../../../../../../src/components/Select2/components/Create.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Tag } from '../../Tag/Tag';\nimport { createOptionClassName } from '../utilities';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Color } from '../../../types';\nimport { AVAILABLE_COLORS } from '../../../utils/tailwind';\nimport { Select2CreateHandler } from '../types';\nimport { Icon } from '../../Icon/Icon';\nimport { Button } from '../../Button/Button';\n\nexport type CreateProps = {\n    onCreate: Select2CreateHandler;\n    options: React.ReactElement<Select2OptionProps>[];\n};\n\nexport const getNextColor = (options: React.ReactElement<Select2OptionProps>[]): Color | undefined => {\n    let occurrences = {};\n    AVAILABLE_COLORS.filter(color => color !== 'transparent').forEach((color: Color) => {\n        occurrences = { ...occurrences, [color]: 0 };\n    });\n\n    options.reduce((occurrences, option) => {\n        if (option.props.color) {\n            occurrences[option.props.color] = occurrences[option.props.color] ? occurrences[option.props.color] + 1 : 1;\n        }\n        return occurrences;\n    }, occurrences);\n\n    const colors = Object.keys(occurrences);\n\n    if (colors.length) {\n        return colors.sort((a, b) => occurrences[a] - occurrences[b])[0] as Color;\n    }\n\n    return undefined;\n};\n\nexport const Create = (props: CreateProps) => {\n    const { onCreate: handleCreate, options } = props;\n    const { multiple, searchQuery, setOpen, setSearchQuery, setValidationError, setValue, createDialog, createTriggerText } =\n        useSelect2Context();\n    const { texts } = useLocalization();\n\n    // determine what the next color tag should be based on color occurences\n    const nextColor = React.useMemo(() => getNextColor(options), [options]);\n\n    const onCreateDialogClose = React.useCallback(() => {\n        setOpen(false);\n    }, [setOpen]);\n\n    if (!createDialog && !searchQuery) {\n        return null;\n    }\n\n    const create = async (value?: string | unknown) => {\n        try {\n            const item = await handleCreate(value, nextColor);\n            setValue(item.value);\n\n            if (multiple) {\n                setSearchQuery('');\n            } else {\n                setOpen(false);\n            }\n        } catch (error) {\n            setValidationError(error as Error);\n        }\n    };\n\n    const handleKeyDown = event => {\n        if (isAriaSelectionKey(event)) {\n            event.currentTarget.click();\n        }\n    };\n\n    const className = cn(createOptionClassName(), {\n        '!w-[calc(100%_-_theme(spacing.3))] ml-1.5': !createDialog,\n        'leading-normal border-grey-300 h-9 border-t py-2.5 px-4 !-mb-1.5': !!createDialog,\n    });\n\n    const creationOptions = createDialog\n        ? {\n              dialog: props => createDialog({ ...props, onClose: onCreateDialogClose }, searchQuery, create),\n          }\n        : {\n              onClick: () => create(searchQuery),\n          };\n\n    const createText = createTriggerText || texts.select2.create;\n\n    return (\n        <Button\n            className={className}\n            {...creationOptions}\n            onKeyDown={handleKeyDown}\n            appearance={createDialog ? 'discrete' : 'default'}>\n            <span className=\"flex items-center gap-1.5\">\n                {createDialog ? (\n                    <>\n                        <Icon className=\"text-xs\" name=\"circle-plus\" /> {createText}\n                    </>\n                ) : (\n                    <>\n                        {createText}\n                        <Tag color={nextColor} className=\"cursor-pointer\">\n                            {searchQuery}\n                        </Tag>\n                    </>\n                )}\n            </span>\n        </Button>\n    );\n};\n"],"names":["getNextColor","options","occurrences","AVAILABLE_COLORS","filter","color","forEach","reduce","option","props","colors","Object","keys","length","sort","a","b","undefined","Create","onCreate","handleCreate","multiple","searchQuery","setOpen","setSearchQuery","setValidationError","setValue","createDialog","createTriggerText","useSelect2Context","texts","useLocalization","nextColor","React","useMemo","onCreateDialogClose","useCallback","create","value","Promise","resolve","then","item","error","_temp","e","reject","handleKeyDown","event","isAriaSelectionKey","currentTarget","click","className","cn","createOptionClassName","creationOptions","dialog","onClose","onClick","createText","select2","Button","onKeyDown","appearance","Icon","name","Tag"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Select2/components/Edit.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { AVAILABLE_COLORS, getSubtleColorShadeClasses } from '../../../utils/tailwind.js';
 import { Icon } from '../../Icon/Icon.js';
 import { useLocalization } from '../../Provider/Localization.js';
@@ -13,92 +12,83 @@ import { Root, Item, Indicator } from '@radix-ui/react-radio-group';
 import { _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
 import { useSelect2Context } from './Context.js';
 
-var _excluded = ["color", "text", "value"];
-var EditPopover = function EditPopover(props) {
-  var initialColor = props.color,
-    initialName = props.text,
-    value = props.value,
-    popoverProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var ref = React__default.useRef(null);
-  var _useSelect2Context = useSelect2Context(),
-    onDelete = _useSelect2Context.onDelete,
-    onEdit = _useSelect2Context.onEdit,
-    searchRef = _useSelect2Context.searchRef,
-    selectRef = _useSelect2Context.ref;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var _React$useState = React__default.useState(initialName),
-    name = _React$useState[0],
-    setName = _React$useState[1];
-  var _React$useState2 = React__default.useState(initialColor),
-    color = _React$useState2[0],
-    setColor = _React$useState2[1];
-  var _React$useState3 = React__default.useState(),
-    validationError = _React$useState3[0],
-    setValidationError = _React$useState3[1];
-  var handleInputChange = function handleInputChange(event) {
+const EditPopover = props => {
+  const {
+    color: initialColor,
+    text: initialName,
+    value,
+    ...popoverProps
+  } = props;
+  const ref = React__default.useRef(null);
+  const {
+    onDelete,
+    onEdit,
+    searchRef,
+    ref: selectRef
+  } = useSelect2Context();
+  const {
+    texts
+  } = useLocalization();
+  const [name, setName] = React__default.useState(initialName);
+  const [color, setColor] = React__default.useState(initialColor);
+  const [validationError, setValidationError] = React__default.useState();
+  const handleInputChange = event => {
     setName(event.target.value);
     setValidationError(undefined);
   };
-  var handleInputKeyDown = function handleInputKeyDown(close) {
-    return function (event) {
-      try {
-        event.stopPropagation();
-        if (event.key === 'Escape') {
-          close();
-        } else if (event.key === 'Enter') {
-          handleSave(close)(event);
-        }
-        return Promise.resolve();
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-  };
-  var handleDelete = function handleDelete(close) {
-    return function (event) {
-      try {
-        event.stopPropagation();
+  const handleInputKeyDown = close => function (event) {
+    try {
+      event.stopPropagation();
+      if (event.key === 'Escape') {
         close();
-        var _temp = function () {
-          if (onDelete) {
-            return Promise.resolve(onDelete(value)).then(function () {});
-          }
-        }();
-        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-      } catch (e) {
-        return Promise.reject(e);
+      } else if (event.key === 'Enter') {
+        handleSave(close)(event);
       }
-    };
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleDelete = close => function (event) {
+    try {
+      event.stopPropagation();
+      close();
+      const _temp = function () {
+        if (onDelete) {
+          return Promise.resolve(onDelete(value)).then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
-  var handleSave = function handleSave(close) {
-    return function (event) {
-      try {
-        var _temp3 = function () {
-          if (onEdit && (name !== initialName || color !== initialColor)) {
-            var _temp2 = _catch(function () {
-              return Promise.resolve(onEdit(value, name, color)).then(function () {
-                close();
-              });
-            }, function (error) {
-              var _ref$current;
-              event.preventDefault();
-              event.stopPropagation();
-              setValidationError(error);
-              (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+  const handleSave = close => function (event) {
+    try {
+      const _temp3 = function () {
+        if (onEdit && (name !== initialName || color !== initialColor)) {
+          const _temp2 = _catch(function () {
+            return Promise.resolve(onEdit(value, name, color)).then(function () {
+              close();
             });
-            if (_temp2 && _temp2.then) return _temp2.then(function () {});
-          } else {
-            close();
-          }
-        }();
-        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
+          }, function (error) {
+            var _ref$current;
+            event.preventDefault();
+            event.stopPropagation();
+            setValidationError(error);
+            (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+          });
+          if (_temp2 && _temp2.then) return _temp2.then(function () {});
+        } else {
+          close();
+        }
+      }();
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
-  var handleCloseAutoFocus = function handleCloseAutoFocus(event) {
+  const handleCloseAutoFocus = event => {
     event.preventDefault();
     setName(initialName);
     setColor(initialColor);
@@ -111,11 +101,11 @@ var EditPopover = function EditPopover(props) {
       (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.focus();
     }
   };
-  var handleInteractOutside = function handleInteractOutside() {
+  const handleInteractOutside = () => {
     setName(initialName);
     setColor(initialColor);
   };
-  var preventKeyDownPropagation = function preventKeyDownPropagation(event) {
+  const preventKeyDownPropagation = event => {
     // Need to allow 'Escape', 'Tab', 'Shift + Tab' to support default focus and close behaviour of Radix Popover.
     if (event.key === 'Escape' || event.key === 'Tab' || event.key === 'Tab' && event.shiftKey) {
       return;
@@ -123,7 +113,7 @@ var EditPopover = function EditPopover(props) {
       event.stopPropagation();
     }
   };
-  var popoverContentKeyDown = function popoverContentKeyDown(event) {
+  const popoverContentKeyDown = event => {
     // Need to stop propagation of 'Tab', 'Shift + Tab' keys out of Popover content,
     // to avoid 'Tab' key execution on Option component and closing the dropdown.
     if (event.key === 'Tab' || event.key === 'Tab' && event.shiftKey) {
@@ -133,80 +123,74 @@ var EditPopover = function EditPopover(props) {
   return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps), /*#__PURE__*/React__default.createElement(Popover.Content, {
     onCloseAutoFocus: handleCloseAutoFocus,
     onInteractOutside: handleInteractOutside,
-    onClick: function onClick(event) {
-      return event.stopPropagation();
-    },
+    onClick: event => event.stopPropagation(),
     onKeyDown: popoverContentKeyDown,
     placement: "right",
     tabIndex: -1,
     className: "focus:!shadow-none"
-  }, function (_ref) {
-    var close = _ref.close;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex w-32 flex-col space-y-2"
-    }, onEdit ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
-      className: cn('!min-h-fit', {
-        '!pb-0': !validationError
-      }),
-      invalid: !!validationError,
-      message: validationError === null || validationError === void 0 ? void 0 : validationError.message
-    }, /*#__PURE__*/React__default.createElement(Input, {
-      invalid: !!validationError,
-      onChange: handleInputChange,
-      onKeyDown: handleInputKeyDown(close),
-      ref: ref,
-      value: name
-    })), initialColor ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("h5", null, "Colours"), /*#__PURE__*/React__default.createElement(Colours, {
-      color: color,
-      onChangeColor: setColor,
-      onKeyDown: preventKeyDownPropagation
-    }))) : null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Button, {
-      onClick: close
-    }, texts.select2.cancel), /*#__PURE__*/React__default.createElement(Button, {
-      appearance: "primary",
-      onClick: handleSave(close)
-    }, texts.select2.save)))) : null, onEdit && onDelete ? /*#__PURE__*/React__default.createElement("hr", null) : null, onDelete ? (/*#__PURE__*/React__default.createElement("button", {
-      className: "hover:text-grey-700 flex items-center justify-start gap-1",
-      onClick: handleDelete(close),
-      onKeyDown: preventKeyDownPropagation
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      className: "!h-5 !w-5",
-      name: "delete-permanently"
-    }), " ", texts.select2["delete"])) : null));
-  }));
+  }, ({
+    close
+  }) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-32 flex-col space-y-2"
+  }, onEdit ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
+    className: cn('!min-h-fit', {
+      '!pb-0': !validationError
+    }),
+    invalid: !!validationError,
+    message: validationError === null || validationError === void 0 ? void 0 : validationError.message
+  }, /*#__PURE__*/React__default.createElement(Input, {
+    invalid: !!validationError,
+    onChange: handleInputChange,
+    onKeyDown: handleInputKeyDown(close),
+    ref: ref,
+    value: name
+  })), initialColor ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("h5", null, "Colours"), /*#__PURE__*/React__default.createElement(Colours, {
+    color: color,
+    onChangeColor: setColor,
+    onKeyDown: preventKeyDownPropagation
+  }))) : null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Button, {
+    onClick: close
+  }, texts.select2.cancel), /*#__PURE__*/React__default.createElement(Button, {
+    appearance: "primary",
+    onClick: handleSave(close)
+  }, texts.select2.save)))) : null, onEdit && onDelete ? /*#__PURE__*/React__default.createElement("hr", null) : null, onDelete ? (/*#__PURE__*/React__default.createElement("button", {
+    className: "hover:text-grey-700 flex items-center justify-start gap-1",
+    onClick: handleDelete(close),
+    onKeyDown: preventKeyDownPropagation
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "!h-5 !w-5",
+    name: "delete-permanently"
+  }), " ", texts.select2.delete)) : null)))));
 };
-var Colours = function Colours(props) {
-  var color = props.color,
-    onChangeColor = props.onChangeColor,
-    onClick = props.onClick,
-    onKeyDown = props.onKeyDown;
-  var _useLocalization2 = useLocalization(),
-    texts = _useLocalization2.texts;
+const Colours = props => {
+  const {
+    color,
+    onChangeColor,
+    onClick,
+    onKeyDown
+  } = props;
+  const {
+    texts
+  } = useLocalization();
   return /*#__PURE__*/React__default.createElement(Root, {
     "aria-label": texts.select2.chooseColor,
     className: "grid grid-cols-4 gap-2 focus:outline-none",
     onClick: onClick,
     onKeyDown: onKeyDown,
-    onValueChange: function onValueChange(color) {
-      return onChangeColor(color);
-    },
+    onValueChange: color => onChangeColor(color),
     value: color
-  }, AVAILABLE_COLORS.map(function (availableColor) {
-    return /*#__PURE__*/React__default.createElement(Item, {
-      "aria-label": color,
-      className: cn('flex h-6 w-6 cursor-pointer items-center justify-center rounded', getSubtleColorShadeClasses(availableColor)),
-      key: availableColor,
-      onFocus: function onFocus() {
-        return onChangeColor(availableColor);
-      },
-      value: availableColor
-    }, /*#__PURE__*/React__default.createElement(Indicator, {
-      asChild: true
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      name: "tick",
-      className: "!h-5 !w-5"
-    })));
-  }));
+  }, AVAILABLE_COLORS.map(availableColor => (/*#__PURE__*/React__default.createElement(Item, {
+    "aria-label": color,
+    className: cn('flex h-6 w-6 cursor-pointer items-center justify-center rounded', getSubtleColorShadeClasses(availableColor)),
+    key: availableColor,
+    onFocus: () => onChangeColor(availableColor),
+    value: availableColor
+  }, /*#__PURE__*/React__default.createElement(Indicator, {
+    asChild: true
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "tick",
+    className: "!h-5 !w-5"
+  }))))));
 };
 
 export { EditPopover };

package/dist/esm/packages/taco/src/components/Select2/components/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sources":["../../../../../../../../src/components/Select2/components/Edit.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as RadioGroup from '@radix-ui/react-radio-group';\nimport { Button } from '../../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 { Group } from '../../Group/Group';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Color } from '../../../types';\nimport { AVAILABLE_COLORS, getSubtleColorShadeClasses } from '../../../utils/tailwind';\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 => {\n        setName(event.target.value);\n        setValidationError(undefined);\n    };\n\n    const handleInputKeyDown = close => async event => {\n        event.stopPropagation();\n\n        if (event.key === 'Escape') {\n            close();\n        } else if (event.key === 'Enter') {\n            handleSave(close)(event);\n        }\n    };\n\n    const handleDelete = close => async event => {\n        event.stopPropagation();\n        close();\n\n        if (onDelete) {\n            await onDelete(value);\n        }\n    };\n\n    const handleSave = close => async event => {\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 = event => {\n        event.preventDefault();\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 handleInteractOutside = () => {\n        setName(initialName);\n        setColor(initialColor);\n    };\n\n    const preventKeyDownPropagation = event => {\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        } else {\n            event.stopPropagation();\n        }\n    };\n\n    const popoverContentKeyDown = event => {\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}>\n            <Popover.Content\n                onCloseAutoFocus={handleCloseAutoFocus}\n                onInteractOutside={handleInteractOutside}\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\">\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                                    <Group>\n                                        <Button onClick={close}>{texts.select2.cancel}</Button>\n                                        <Button appearance=\"primary\" onClick={handleSave(close)}>\n                                            {texts.select2.save}\n                                        </Button>\n                                    </Group>\n                                </>\n                            ) : null}\n                            {onEdit && onDelete ? <hr /> : null}\n                            {onDelete ? (\n                                <button\n                                    className=\"hover:text-grey-700 flex items-center justify-start gap-1\"\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\nconst Colours = props => {\n    const { color, onChangeColor, onClick, onKeyDown } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <RadioGroup.Root\n            aria-label={texts.select2.chooseColor}\n            className=\"grid grid-cols-4 gap-2 focus:outline-none\"\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            onValueChange={color => onChangeColor(color)}\n            value={color}>\n            {AVAILABLE_COLORS.map((availableColor: string) => (\n                <RadioGroup.Item\n                    aria-label={color}\n                    className={cn(\n                        'flex h-6 w-6 cursor-pointer items-center justify-center rounded',\n                        getSubtleColorShadeClasses(availableColor as Color)\n                    )}\n                    key={availableColor}\n                    onFocus={() => onChangeColor(availableColor)}\n                    value={availableColor}>\n                    <RadioGroup.Indicator asChild>\n                        <Icon name=\"tick\" className=\"!h-5 !w-5\" />\n                    </RadioGroup.Indicator>\n                </RadioGroup.Item>\n            ))}\n        </RadioGroup.Root>\n    );\n};\n"],"names":["EditPopover","props","initialColor","color","initialName","text","value","popoverProps","_objectWithoutPropertiesLoose","_excluded","ref","React","useRef","_useSelect2Context","useSelect2Context","onDelete","onEdit","searchRef","selectRef","_useLocalization","useLocalization","texts","_React$useState","useState","name","setName","_React$useState2","setColor","_React$useState3","validationError","setValidationError","handleInputChange","event","target","undefined","handleInputKeyDown","close","stopPropagation","key","handleSave","Promise","resolve","e","reject","handleDelete","_temp","then","_temp2","_catch","error","_ref$current","preventDefault","current","focus","_temp3","handleCloseAutoFocus","_searchRef$current","_selectRef$current","handleInteractOutside","preventKeyDownPropagation","shiftKey","popoverContentKeyDown","Popover","Content","onCloseAutoFocus","onInteractOutside","onClick","onKeyDown","placement","tabIndex","className","_ref","Field","cn","invalid","message","Input","onChange","Colours","onChangeColor","Group","Button","select2","cancel","appearance","save","Icon","_useLocalization2","RadioGroup","chooseColor","onValueChange","AVAILABLE_COLORS","map","availableColor","getSubtleColorShadeClasses","onFocus","asChild"],"mappings":"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"}
+{"version":3,"file":"Edit.js","sources":["../../../../../../../../src/components/Select2/components/Edit.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as RadioGroup from '@radix-ui/react-radio-group';\nimport { Button } from '../../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 { Group } from '../../Group/Group';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Color } from '../../../types';\nimport { AVAILABLE_COLORS, getSubtleColorShadeClasses } from '../../../utils/tailwind';\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 => {\n        setName(event.target.value);\n        setValidationError(undefined);\n    };\n\n    const handleInputKeyDown = close => async event => {\n        event.stopPropagation();\n\n        if (event.key === 'Escape') {\n            close();\n        } else if (event.key === 'Enter') {\n            handleSave(close)(event);\n        }\n    };\n\n    const handleDelete = close => async event => {\n        event.stopPropagation();\n        close();\n\n        if (onDelete) {\n            await onDelete(value);\n        }\n    };\n\n    const handleSave = close => async event => {\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 = event => {\n        event.preventDefault();\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 handleInteractOutside = () => {\n        setName(initialName);\n        setColor(initialColor);\n    };\n\n    const preventKeyDownPropagation = event => {\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        } else {\n            event.stopPropagation();\n        }\n    };\n\n    const popoverContentKeyDown = event => {\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}>\n            <Popover.Content\n                onCloseAutoFocus={handleCloseAutoFocus}\n                onInteractOutside={handleInteractOutside}\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\">\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                                    <Group>\n                                        <Button onClick={close}>{texts.select2.cancel}</Button>\n                                        <Button appearance=\"primary\" onClick={handleSave(close)}>\n                                            {texts.select2.save}\n                                        </Button>\n                                    </Group>\n                                </>\n                            ) : null}\n                            {onEdit && onDelete ? <hr /> : null}\n                            {onDelete ? (\n                                <button\n                                    className=\"hover:text-grey-700 flex items-center justify-start gap-1\"\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\nconst Colours = props => {\n    const { color, onChangeColor, onClick, onKeyDown } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <RadioGroup.Root\n            aria-label={texts.select2.chooseColor}\n            className=\"grid grid-cols-4 gap-2 focus:outline-none\"\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            onValueChange={color => onChangeColor(color)}\n            value={color}>\n            {AVAILABLE_COLORS.map((availableColor: string) => (\n                <RadioGroup.Item\n                    aria-label={color}\n                    className={cn(\n                        'flex h-6 w-6 cursor-pointer items-center justify-center rounded',\n                        getSubtleColorShadeClasses(availableColor as Color)\n                    )}\n                    key={availableColor}\n                    onFocus={() => onChangeColor(availableColor)}\n                    value={availableColor}>\n                    <RadioGroup.Indicator asChild>\n                        <Icon name=\"tick\" className=\"!h-5 !w-5\" />\n                    </RadioGroup.Indicator>\n                </RadioGroup.Item>\n            ))}\n        </RadioGroup.Root>\n    );\n};\n"],"names":["EditPopover","props","color","initialColor","text","initialName","value","popoverProps","ref","React","useRef","onDelete","onEdit","searchRef","selectRef","useSelect2Context","texts","useLocalization","name","setName","useState","setColor","validationError","setValidationError","handleInputChange","event","target","undefined","handleInputKeyDown","close","stopPropagation","key","handleSave","Promise","resolve","e","reject","handleDelete","_temp","then","_temp2","_catch","error","_ref$current","preventDefault","current","focus","_temp3","handleCloseAutoFocus","_searchRef$current","_selectRef$current","handleInteractOutside","preventKeyDownPropagation","shiftKey","popoverContentKeyDown","Popover","Content","onCloseAutoFocus","onInteractOutside","onClick","onKeyDown","placement","tabIndex","className","Field","cn","invalid","message","Input","onChange","Colours","onChangeColor","Group","Button","select2","cancel","appearance","save","Icon","delete","RadioGroup","chooseColor","onValueChange","AVAILABLE_COLORS","map","availableColor","getSubtleColorShadeClasses","onFocus","asChild"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Select2/components/Group.js

@@ -1,19 +1,19 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../primitives/Listbox2/components/Root.js';
 import '../../../primitives/Listbox2/components/Option.js';
 import { Group as Group$1 } from '../../../primitives/Listbox2/components/Group.js';
 import { Title } from '../../../primitives/Listbox2/components/Title.js';
 import { createCollectionClassName } from '../utilities.js';
 
-var _excluded = ["children", "heading", "hasSeparator"];
-var Group = /*#__PURE__*/React__default.forwardRef(function Select2Group(props, ref) {
-  var children = props.children,
-    heading = props.heading,
-    hasSeparator = props.hasSeparator,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn(createCollectionClassName(), {
+const Group = /*#__PURE__*/React__default.forwardRef(function Select2Group(props, ref) {
+  const {
+    children,
+    heading,
+    hasSeparator,
+    ...attributes
+  } = props;
+  const className = cn(createCollectionClassName(), {
     "last:after:content-none after:content-[''] after:bg-grey-300 after:mx-2 after:my-1 after:h-px": hasSeparator && children.length
   }, props.className);
   return /*#__PURE__*/React__default.createElement(Group$1, Object.assign({}, attributes, {

package/dist/esm/packages/taco/src/components/Select2/components/Group.js.map

@@ -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-grey-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":["Group","React","forwardRef","Select2Group","props","ref","children","heading","hasSeparator","attributes","_objectWithoutPropertiesLoose","_excluded","className","cn","createCollectionClassName","length","ListboxPrimitive"],"mappings":";;;;;;;;;;IAYaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAoC,SAASC,YAAYA,CAACC,KAAK,EAAEC,GAAG;EACrG,IAAQC,QAAQ,GAA2CF,KAAK,CAAxDE,QAAQ;IAAEC,OAAO,GAAkCH,KAAK,CAA9CG,OAAO;IAAEC,YAAY,GAAoBJ,KAAK,CAArCI,YAAY;IAAKC,UAAU,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EAChE,IAAMC,SAAS,GAAGC,EAAE,CAChBC,yBAAyB,EAAE,EAC3B;IACI,+FAA+F,EAC3FN,YAAY,IAAIF,QAAQ,CAACS;GAChC,EACDX,KAAK,CAACQ,SAAS,CAClB;EAED,oBACIX,6BAACe,OAAsB,oBAAKP,UAAU;IAAEG,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA;mBAC/DJ,6BAACe,KAAsB;IAACJ,SAAS,EAAC;KAAkDL,OAAO,CAA0B,EACpHD,QAAQ,CACY;AAEjC,CAAC;;;;"}
+{"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-grey-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":["Group","React","forwardRef","Select2Group","props","ref","children","heading","hasSeparator","attributes","className","cn","createCollectionClassName","length","ListboxPrimitive"],"mappings":";;;;;;;;MAYaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAoC,SAASC,YAAYA,CAACC,KAAK,EAAEC,GAAG;EACrG,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,YAAY;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAChE,MAAMM,SAAS,GAAGC,EAAE,CAChBC,yBAAyB,EAAE,EAC3B;IACI,+FAA+F,EAC3FJ,YAAY,IAAIF,QAAQ,CAACO;GAChC,EACDT,KAAK,CAACM,SAAS,CAClB;EAED,oBACIT,6BAACa,OAAsB,oBAAKL,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEL,GAAG,EAAEA;mBAC/DJ,6BAACa,KAAsB;IAACJ,SAAS,EAAC;KAAkDH,OAAO,CAA0B,EACpHD,QAAQ,CACY;AAEjC,CAAC;;;;"}