@scaleflex/ui-tw 0.0.149 → 0.0.151

package/command/command.component.js

@@ -196,7 +196,7 @@ function CommandItem(_ref9) {
   var selected = value && (multiple ? selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value) : value === selectedValue);
   return /*#__PURE__*/React.createElement(CommandPrimitive.Item, _extends({
     "data-slot": "command-item",
-    className: cn('relative flex w-full cursor-pointer items-center justify-between gap-2 outline-hidden select-none', '*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', 'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground', '!opacity-100 data-[disabled=true]:cursor-not-allowed', "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", selectItemVariants({
+    className: cn('relative flex w-full cursor-pointer items-center justify-between gap-2 outline-hidden select-none', '*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', 'data-[selected=true]:bg-secondary data-[selected=true]:text-foreground', '!opacity-100 data-[disabled=true]:cursor-not-allowed', "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", selectItemVariants({
       size: size,
       className: className
     }), isGroup && getOptionInGroupPaddingLeft(size), selected && 'text-primary pr-7', className),

package/form/form.types.d.ts

@@ -4,7 +4,7 @@ import type { DatePickerProps } from '@scaleflex/ui-tw/date-picker/date-picker.t
 import type { InputProps } from '@scaleflex/ui-tw/input';
 import { InputTagsProps } from '@scaleflex/ui-tw/input-tags/input-tags.types';
 import type { RadioGroupItemProps } from '@scaleflex/ui-tw/radio-group/radio-group.types';
-import type { SelectProps } from '@scaleflex/ui-tw/select/select.types';
+import type { SelectProps, SelectorProps } from '@scaleflex/ui-tw/select/select.types';
 import type { SwitchProps } from '@scaleflex/ui-tw/switch/switch.types';
 import type { TextareaProps } from '@scaleflex/ui-tw/textarea';
 import type { FormSizeType } from '@scaleflex/ui-tw/types/form-size';
@@ -94,6 +94,7 @@ export type FormSelectProps = SelectProps & {
     placeholder?: string;
     icon?: ReactElement;
     popoverClassName?: string;
+    triggerProps?: SelectorProps['triggerProps'];
 };
 export type FormSelectFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = Omit<FormFieldGroupProps<TFieldValues, TName>, 'children'> & {
     icon?: ReactElement;

package/package.json

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

package/select/select.component.js

@@ -80,7 +80,7 @@ function SelectTrigger(_ref4) {
       className: className
     }), readOnly && selectReadOnlyClassNames, className]))
   }, props), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-1 items-center gap-2 overflow-hidden"
+    className: "flex flex-1 items-center overflow-hidden"
   }, icon && /*#__PURE__*/React.createElement(SelectIcon, {
     size: size,
     icon: icon