@scaleflex/ui-tw 0.0.55 → 0.0.58

package/combobox/combobox-multi-inline/combobox-multi-inline.component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ComboboxMultiInlineProps } from '../combobox.types';
-export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, formItemId, searchPlaceholder, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;
+export declare function ComboboxMultiInline({ options, value, onChange, placeholder, className, disabled, size, readOnly, showClear, popoverClassName, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, formItemId, searchPlaceholder, actions, fixedActions, ...rest }: ComboboxMultiInlineProps): React.JSX.Element;

package/combobox/combobox-multi-inline/combobox-multi-inline.component.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "formItemId", "searchPlaceholder"];
+var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "showClear", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "formItemId", "searchPlaceholder", "actions", "fixedActions"];
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -36,6 +36,8 @@ export function ComboboxMultiInline(_ref) {
     popoverContentProps = _ref.popoverContentProps,
     formItemId = _ref.formItemId,
     searchPlaceholder = _ref.searchPlaceholder,
+    actions = _ref.actions,
+    fixedActions = _ref.fixedActions,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
@@ -141,6 +143,8 @@ export function ComboboxMultiInline(_ref) {
     onSelect: toggleValue,
     size: size,
     multiple: true,
-    popoverContentProps: popoverContentProps
+    popoverContentProps: popoverContentProps,
+    actions: actions,
+    fixedActions: fixedActions
   }));
 }

package/combobox/combobox-multi-tag/combobox-multi-tag.component.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import type { ComboboxMultiTagProps } from '../combobox.types';
-export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, searchPlaceholder, popoverContentProps, ...rest }: ComboboxMultiTagProps): React.JSX.Element;
+export declare function ComboboxMultiTag({ options, value, onChange, placeholder, className, disabled, size, readOnly, popoverClassName, onBlur, showGroupSeparator, defaultOpen, searchPlaceholder, popoverContentProps, actions, fixedActions, ...rest }: ComboboxMultiTagProps): React.JSX.Element;

package/combobox/combobox-multi-tag/combobox-multi-tag.component.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "searchPlaceholder", "popoverContentProps"];
+var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "size", "readOnly", "popoverClassName", "onBlur", "showGroupSeparator", "defaultOpen", "searchPlaceholder", "popoverContentProps", "actions", "fixedActions"];
 import { ButtonVariant, buttonVariants } from '@scaleflex/ui-tw/button';
 import { buttonBaseClassNames } from '@scaleflex/ui-tw/button/button.constants';
 import { createClearHandlers } from '@scaleflex/ui-tw/combobox/combobox.utils';
@@ -38,6 +38,8 @@ export function ComboboxMultiTag(_ref) {
     defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
     searchPlaceholder = _ref.searchPlaceholder,
     popoverContentProps = _ref.popoverContentProps,
+    actions = _ref.actions,
+    fixedActions = _ref.fixedActions,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _getToolbarSizes = getToolbarSizes(size),
     buttonSize = _getToolbarSizes.buttonSize;
@@ -137,6 +139,8 @@ export function ComboboxMultiTag(_ref) {
     className: popoverClassName,
     searchPlaceholder: searchPlaceholder,
     showGroupSeparator: showGroupSeparator,
-    popoverContentProps: popoverContentProps
+    popoverContentProps: popoverContentProps,
+    actions: actions,
+    fixedActions: fixedActions
   }));
 }

package/combobox/combobox-single/combobox-single.component.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import type { ComboboxSingleProps } from '../combobox.types';
-export declare function ComboboxSingle({ options, value, onChange, placeholder, className, disabled, popoverClassName, size, readOnly, showClear, formItemId, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, searchPlaceholder, ...rest }: ComboboxSingleProps): React.JSX.Element;
+export declare function ComboboxSingle({ options, value, onChange, placeholder, className, disabled, popoverClassName, size, readOnly, showClear, formItemId, onBlur, showGroupSeparator, defaultOpen, popoverContentProps, searchPlaceholder, actions, fixedActions, ...rest }: ComboboxSingleProps): React.JSX.Element;

package/combobox/combobox-single/combobox-single.component.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "searchPlaceholder"];
+var _excluded = ["options", "value", "onChange", "placeholder", "className", "disabled", "popoverClassName", "size", "readOnly", "showClear", "formItemId", "onBlur", "showGroupSeparator", "defaultOpen", "popoverContentProps", "searchPlaceholder", "actions", "fixedActions"];
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -35,6 +35,8 @@ export function ComboboxSingle(_ref) {
     defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
     popoverContentProps = _ref.popoverContentProps,
     searchPlaceholder = _ref.searchPlaceholder,
+    actions = _ref.actions,
+    fixedActions = _ref.fixedActions,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
@@ -102,6 +104,8 @@ export function ComboboxSingle(_ref) {
     onSelect: onSelect,
     size: size,
     showGroupSeparator: showGroupSeparator,
-    popoverContentProps: popoverContentProps
+    popoverContentProps: popoverContentProps,
+    actions: actions,
+    fixedActions: fixedActions
   }));
 }

package/combobox/combobox.component.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
-import type { ComboboxContentProps, ComboboxTriggerProps } from './combobox.types';
+import type { ComboboxContentProps, ComboboxTriggerProps, SelectActionsProps } from './combobox.types';
+export declare function SelectActions({ actions }: SelectActionsProps): React.JSX.Element | null;
 export declare function ComboboxTrigger({ children, open, disabled, readOnly, size, className, selected, showClear, onClearAll, formItemId, ...rest }: ComboboxTriggerProps): React.JSX.Element;
-export declare function ComboboxContent({ options, value: selectedValue, onSelect, size, multiple, className, showGroupSeparator, popoverContentProps, searchPlaceholder, noGroupSelection, }: ComboboxContentProps): React.JSX.Element;
+export declare function ComboboxContent({ options, value: selectedValue, onSelect, size, multiple, className, showGroupSeparator, popoverContentProps, searchPlaceholder, noGroupSelection, actions, fixedActions, }: ComboboxContentProps): React.JSX.Element;

package/combobox/combobox.component.js

@@ -17,6 +17,7 @@ import { cn } from '@scaleflex/ui-tw/utils/cn';
 import { cva } from 'class-variance-authority';
 import { ChevronsUpDownIcon, XIcon } from 'lucide-react';
 import * as React from 'react';
+import { Fragment } from 'react';
 import { iconSizeInTriggerOptions, verticalSeparatorNextToChevronOptions } from './combobox.constants';
 import { createClearHandlers } from './combobox.utils';
 var selectLabelVariants = cva('', {
@@ -27,23 +28,34 @@ var selectLabelVariants = cva('', {
     size: FormSize.Md
   }
 });
-export function ComboboxTrigger(_ref) {
-  var children = _ref.children,
-    open = _ref.open,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? FormSize.Md : _ref$size,
-    className = _ref.className,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? false : _ref$selected,
-    _ref$showClear = _ref.showClear,
-    showClear = _ref$showClear === void 0 ? false : _ref$showClear,
-    onClearAll = _ref.onClearAll,
-    formItemId = _ref.formItemId,
-    rest = _objectWithoutProperties(_ref, _excluded);
+export function SelectActions(_ref) {
+  var actions = _ref.actions;
+  if (!actions || actions.length === 0) return null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectSeparator, null), /*#__PURE__*/React.createElement("div", {
+    className: "space-y-2 px-4 py-3"
+  }, actions.map(function (action, idx) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: idx
+    }, action);
+  })));
+}
+export function ComboboxTrigger(_ref2) {
+  var children = _ref2.children,
+    open = _ref2.open,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    _ref2$readOnly = _ref2.readOnly,
+    readOnly = _ref2$readOnly === void 0 ? false : _ref2$readOnly,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? FormSize.Md : _ref2$size,
+    className = _ref2.className,
+    _ref2$selected = _ref2.selected,
+    selected = _ref2$selected === void 0 ? false : _ref2$selected,
+    _ref2$showClear = _ref2.showClear,
+    showClear = _ref2$showClear === void 0 ? false : _ref2$showClear,
+    onClearAll = _ref2.onClearAll,
+    formItemId = _ref2.formItemId,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _getToolbarSizes = getToolbarSizes(size),
     iconSize = _getToolbarSizes.iconSize;
   var _createClearHandlers = createClearHandlers(onClearAll),
@@ -59,7 +71,7 @@ export function ComboboxTrigger(_ref) {
     disabled: disabled,
     className: cn.apply(void 0, _toConsumableArray(getBaseSelectClassNames()).concat(_toConsumableArray(getBaseInputClasses()), [selectTriggerVariants({
       size: size
-    }), !selected && 'text-muted-foreground/80 hover:border-secondary-foreground/50', readOnly && selectReadOnlyClassNames, className])),
+    }), !selected && 'text-muted-foreground/80 hover:border-secondary-foreground/50', readOnly && selectReadOnlyClassNames, className, 'min-w-0'])),
     onClick: handleOnTriggerClick,
     onKeyDown: handleOnTriggerKeyDown
   }, /*#__PURE__*/React.createElement("span", {
@@ -86,22 +98,25 @@ export function ComboboxTrigger(_ref) {
     className: cn('ml-1 shrink-0 opacity-50', iconSizeInTriggerOptions[size])
   }))));
 }
-export function ComboboxContent(_ref2) {
-  var options = _ref2.options,
-    selectedValue = _ref2.value,
-    _onSelect = _ref2.onSelect,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'md' : _ref2$size,
-    _ref2$multiple = _ref2.multiple,
-    multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,
-    className = _ref2.className,
-    _ref2$showGroupSepara = _ref2.showGroupSeparator,
-    showGroupSeparator = _ref2$showGroupSepara === void 0 ? false : _ref2$showGroupSepara,
-    popoverContentProps = _ref2.popoverContentProps,
-    _ref2$searchPlacehold = _ref2.searchPlaceholder,
-    searchPlaceholder = _ref2$searchPlacehold === void 0 ? 'Search...' : _ref2$searchPlacehold,
-    _ref2$noGroupSelectio = _ref2.noGroupSelection,
-    noGroupSelection = _ref2$noGroupSelectio === void 0 ? false : _ref2$noGroupSelectio;
+export function ComboboxContent(_ref3) {
+  var options = _ref3.options,
+    selectedValue = _ref3.value,
+    _onSelect = _ref3.onSelect,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'md' : _ref3$size,
+    _ref3$multiple = _ref3.multiple,
+    multiple = _ref3$multiple === void 0 ? false : _ref3$multiple,
+    className = _ref3.className,
+    _ref3$showGroupSepara = _ref3.showGroupSeparator,
+    showGroupSeparator = _ref3$showGroupSepara === void 0 ? false : _ref3$showGroupSepara,
+    popoverContentProps = _ref3.popoverContentProps,
+    _ref3$searchPlacehold = _ref3.searchPlaceholder,
+    searchPlaceholder = _ref3$searchPlacehold === void 0 ? 'Search...' : _ref3$searchPlacehold,
+    _ref3$noGroupSelectio = _ref3.noGroupSelection,
+    noGroupSelection = _ref3$noGroupSelectio === void 0 ? false : _ref3$noGroupSelectio,
+    actions = _ref3.actions,
+    _ref3$fixedActions = _ref3.fixedActions,
+    fixedActions = _ref3$fixedActions === void 0 ? false : _ref3$fixedActions;
   return /*#__PURE__*/React.createElement(PopoverContent, _extends({
     className: cn('p-0', className)
   }, popoverContentProps), /*#__PURE__*/React.createElement(Command, null, /*#__PURE__*/React.createElement(CommandInput, {
@@ -131,14 +146,14 @@ export function ComboboxContent(_ref2) {
         className: cn('text-secondary-foreground', selectLabelVariants({
           size: size
         }))
-      }, option.label), option.options.map(function (_ref3) {
-        var label = _ref3.label,
-          optionLabel = _ref3.optionLabel,
-          value = _ref3.value,
-          disabled = _ref3.disabled,
-          icon = _ref3.icon,
-          tooltip = _ref3.tooltip,
-          disabledTooltip = _ref3.disabledTooltip;
+      }, option.label), option.options.map(function (_ref4) {
+        var label = _ref4.label,
+          optionLabel = _ref4.optionLabel,
+          value = _ref4.value,
+          disabled = _ref4.disabled,
+          icon = _ref4.icon,
+          tooltip = _ref4.tooltip,
+          disabledTooltip = _ref4.disabledTooltip;
         var isGroupSelected = !noGroupSelection && multiple && option.value && Array.isArray(selectedValue) && selectedValue.includes(option.value);
         return /*#__PURE__*/React.createElement(CommandItem, {
           size: size,
@@ -167,10 +182,15 @@ export function ComboboxContent(_ref2) {
       icon: option.icon,
       value: option.value,
       tooltip: option.tooltip,
+      disabledTooltip: option.disabledTooltip,
       selectedValue: selectedValue,
       onSelect: function onSelect() {
         return _onSelect(option.value);
       }
     }, (_option$optionLabel = option.optionLabel) !== null && _option$optionLabel !== void 0 ? _option$optionLabel : option.label));
-  }))));
+  }), !fixedActions && /*#__PURE__*/React.createElement(SelectActions, {
+    actions: actions
+  })), fixedActions && /*#__PURE__*/React.createElement(SelectActions, {
+    actions: actions
+  })));
 }

package/combobox/combobox.types.d.ts

@@ -4,6 +4,9 @@ import { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
 import { Command as CommandPrimitive } from 'cmdk';
 import type { ComponentProps, KeyboardEvent, MouseEvent, ReactElement, ReactNode } from 'react';
 export type ClearEvent = MouseEvent | KeyboardEvent;
+export type SelectActionsProps = {
+    actions?: ReactNode[];
+};
 export type ComboboxTriggerProps = {
     children: ReactNode;
     open: boolean;
@@ -30,6 +33,8 @@ export type ComboboxContentProps = {
     searchPlaceholder?: string;
     popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
     noGroupSelection?: boolean;
+    actions?: ReactNode[];
+    fixedActions?: boolean;
 };
 export interface CommandInputProps extends Omit<ComponentProps<typeof CommandPrimitive.Input>, 'size'> {
     size?: FormSizeType;
@@ -61,6 +66,8 @@ interface ComboboxCommonProps {
     showGroupSeparator?: boolean;
     searchPlaceholder?: string;
     popoverContentProps?: ComponentProps<typeof PopoverPrimitive.Content>;
+    actions?: ReactNode[];
+    fixedActions?: boolean;
 }
 export interface ComboboxSingleProps extends ComboboxCommonProps {
     value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.55",
+  "version": "0.0.58",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -23,7 +23,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.55",
+    "@scaleflex/icons-tw": "^0.0.58",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",

package/select/components/selector.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SelectorProps } from '../select.types';
-export declare function Selector({ value, onChange, placeholder, disabled, readOnly, size, className, icon, options, showGroupSeparator, formItemId, popoverClassName, selectorContentProps, defaultOpen, triggerProps, ...rest }: SelectorProps): React.JSX.Element;
+export declare function Selector({ value, onChange, placeholder, disabled, readOnly, size, className, icon, options, showGroupSeparator, formItemId, popoverClassName, selectorContentProps, defaultOpen, triggerProps, actions, ...rest }: SelectorProps): React.JSX.Element;

package/select/components/selector.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "onChange", "placeholder", "disabled", "readOnly", "size", "className", "icon", "options", "showGroupSeparator", "formItemId", "popoverClassName", "selectorContentProps", "defaultOpen", "triggerProps"];
+var _excluded = ["value", "onChange", "placeholder", "disabled", "readOnly", "size", "className", "icon", "options", "showGroupSeparator", "formItemId", "popoverClassName", "selectorContentProps", "defaultOpen", "triggerProps", "actions"];
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { SelectActions } from '@scaleflex/ui-tw/combobox/combobox.component';
 import { isOptionGroup } from '@scaleflex/ui-tw/form';
 import { selectLabelSizeOptions } from '@scaleflex/ui-tw/select/select.constants';
 import { FormSize } from '@scaleflex/ui-tw/types/form-size';
@@ -36,6 +37,7 @@ export function Selector(_ref) {
     selectorContentProps = _ref.selectorContentProps,
     defaultOpen = _ref.defaultOpen,
     triggerProps = _ref.triggerProps,
+    actions = _ref.actions,
     rest = _objectWithoutProperties(_ref, _excluded);
   var getLabelByValue = function getLabelByValue(val) {
     var _iterator = _createForOfIteratorHelper(options),
@@ -125,5 +127,7 @@ export function Selector(_ref) {
       tooltip: option.tooltip,
       disabledTooltip: option.disabledTooltip
     }, (_option$optionLabel = option.optionLabel) !== null && _option$optionLabel !== void 0 ? _option$optionLabel : option.label));
+  }), /*#__PURE__*/React.createElement(SelectActions, {
+    actions: actions
   })));
 }

package/select/select.types.d.ts

@@ -1,7 +1,7 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { SelectOption } from '@scaleflex/ui-tw/form';
 import { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
-import type { ComponentProps, ReactElement } from 'react';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
 export interface SelectProps extends ComponentProps<typeof SelectPrimitive.Root> {
 }
 export interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
@@ -39,4 +39,5 @@ export interface SelectorProps extends SelectProps {
     selectorContentProps?: ComponentProps<typeof SelectPrimitive.Content>;
     'aria-invalid'?: boolean;
     triggerProps?: Omit<ComponentProps<typeof SelectPrimitive.Trigger>, 'aria-invalid'>;
+    actions?: ReactNode[];
 }