@fibery/ui-kit 1.33.2 → 1.33.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.33.2",
+  "version": "1.33.4",
   "private": false,
   "files": [
     "src/antd/styles.ts",
@@ -72,9 +72,9 @@
     "react-virtuoso": "4.6.0",
     "screenfull": "6.0.1",
     "ua-parser-js": "0.7.24",
-    "@fibery/emoji-data": "2.6.0",
     "@fibery/helpers": "1.3.0",
-    "@fibery/react": "1.4.0"
+    "@fibery/react": "1.4.0",
+    "@fibery/emoji-data": "2.6.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/src/actions-menu/actions-menu-item.tsx

@@ -52,11 +52,15 @@ const dangerousConfirmationCss = css`
     color: ${colors.inversedTextColor};
     border-radius: ${border.radius6}px;
 
+    --actions-menu-item-icon-color: ${colors.inversedTextColor};
+
     &:hover,
     &[data-highlighted] {
       background-color: ${themeVars.colorBgActionsMenuItemDangerActive};
       color: ${colors.inversedTextColor};
       border-radius: ${border.radius6}px;
+
+      --actions-menu-item-icon-color: ${colors.inversedTextColor};
     }
   }
 `;

package/src/button/base-button.tsx

@@ -14,7 +14,6 @@ export type BaseButtonProps = {
 } & React.ComponentPropsWithRef<"button">;
 
 export const baseButton = css`
-  all: unset;
   position: relative;
   box-sizing: border-box;
 
@@ -62,6 +61,13 @@ export const baseButton = css`
   }
 `;
 
+const reset = css`
+  /* make sure it doesn't reset properties set from outside (https://the.fibery.io/SoftDev/bug/Next-button-in-integration-is-flaky-and-can-be-out-of-style-10916) */
+  :global(:where(.${baseButton})) {
+    all: unset;
+  }
+`;
+
 const variantToThemeMod = {
   solid: "Solid",
   soft: "Soft",
@@ -109,7 +115,7 @@ export const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(
         style={{...colors, ...style}}
         aria-pressed={pressed || buttonProps["aria-pressed"]}
         data-variant={variant}
-        className={cx(baseButton, className)}
+        className={cx(reset, baseButton, className)}
         ref={ref}
         // eslint-disable-next-line react/button-has-type
         type={type}

package/src/button/button.tsx

@@ -56,8 +56,8 @@ const buttonSize = {
 
     border-radius: ${border.radius6}px;
     min-height: 28px;
-    padding: ${space.s4}px ${space.s12}px;
-    gap: ${space.s6}px;
+    padding: ${space.s4}px ${space.s10}px;
+    gap: ${space.s4}px;
 
     ${iconSizeVar}: 18px;
   `,
@@ -68,8 +68,8 @@ const buttonSize = {
 
     border-radius: ${border.radius6}px;
     min-height: 32px;
-    padding: ${space.s6}px ${space.s14}px;
-    gap: ${space.s8}px;
+    padding: ${space.s6}px ${space.s12}px;
+    gap: ${space.s6}px;
 
     ${iconSizeVar}: 18px;
 

package/src/design-system.ts

@@ -322,7 +322,8 @@ export const themeColors = {
   opacityListItemGeneralDisabled: [`${opacity.opacity40}`, `${opacity.opacity40}`],
 
   // Search Items
-  colorBgSearchItemHover: [slate.slate4, slateDark.slate5],
+  colorBgSearchRowHover: [slate.slate4, slateDark.slate5],
+  colorBgSearchRowCreateHover: [indigo.indigo4, indigoDark.indigo4],
   opacitySearchItemDone: [`${opacity.opacity40}`, `${opacity.opacity40}`],
   // Entity Box Style And States
   // Basic Entity Box State
@@ -554,7 +555,7 @@ export const themeColors = {
   colorBorderButtonOutlineNeutralDefault: [slate.slate8, slateDark.slate8],
   colorBorderButtonOutlineDestructiveDefault: [red.red7, redDark.red7],
   colorBgButtonOutlineAccentDefault: [whiteA.whiteA0, slateDark.slate1],
-  colorBgButtonOutlineAccentHover: [indigo.indigo3, indigoDark.indigo8],
+  colorBgButtonOutlineAccentHover: [indigo.indigo3, indigoDark.indigo3],
   colorBgButtonOutlineNeutralDefault: [whiteA.whiteA0, slateDark.slate1],
   colorBgButtonOutlineNeutralHover: [slate.slate4, slateDark.slate4],
   colorBgButtonOutlineDestructiveDefault: [whiteA.whiteA0, slateDark.slate1],
@@ -564,7 +565,7 @@ export const themeColors = {
     getOpacities(indigo.indigo11).opacity80,
     getOpacities(indigoDark.indigo11).opacity80,
   ],
-  colorTextButtonOutlineNeutral: [slate.slate12, slateDark.slate12],
+  colorTextButtonOutlineNeutral: [slate.slate11, slateDark.slate11],
   colorTextButtonOutlineNeutralActive: [
     getOpacities(slate.slate12).opacity80,
     getOpacities(slateDark.slate12).opacity80,

package/src/icons/ast/ClearInputFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ClearInputFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"m1 10 4.4 5.28a2 2 0 0 0 1.537.72H16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6.937a2 2 0 0 0-1.537.72L1 10Zm8.78-2.78a.75.75 0 0 0-1.06 1.06L10.44 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L12.56 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L11.5 8.94 9.78 7.22Z"},"children":[]}],"metadata":""}]},"name":"clear-input-filled"};
+
+export default ClearInputFilled;

package/src/icons/ast/Duplicate.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Duplicate: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M2 3.75C2 2.784 2.784 2 3.75 2h7c.966 0 1.75.784 1.75 1.75V6H11V3.75a.25.25 0 0 0-.25-.25h-7a.25.25 0 0 0-.25.25v7c0 .138.112.25.25.25H6v1.5H3.75A1.75 1.75 0 0 1 2 10.75v-7Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M9.25 7.5A1.75 1.75 0 0 0 7.5 9.25v7c0 .966.784 1.75 1.75 1.75h7A1.75 1.75 0 0 0 18 16.25v-7a1.75 1.75 0 0 0-1.75-1.75h-7ZM9 9.25A.25.25 0 0 1 9.25 9h7a.25.25 0 0 1 .25.25v7a.25.25 0 0 1-.25.25h-7a.25.25 0 0 1-.25-.25v-7Z"},"children":[]}],"metadata":""}]},"name":"duplicate"};
+
+export default Duplicate;

package/src/icons/ast/GoTo.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const GoTo: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M4.434 13.434a.8.8 0 1 0 1.132 1.132l4-4a.8.8 0 0 0 0-1.132l-4-4a.8.8 0 1 0-1.132 1.132L7.87 10l-3.435 3.434Zm6 0a.8.8 0 1 0 1.132 1.132l4-4a.8.8 0 0 0 0-1.132l-4-4a.8.8 0 0 0-1.132 1.132L13.87 10l-3.435 3.434Z"},"children":[]}],"metadata":""}]},"name":"go-to"};
+
+export default GoTo;

package/src/icons/ast/MoveSpace.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const MoveSpace: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M4.25 2A2.25 2.25 0 0 0 2 4.25V7a2.25 2.25 0 0 0 2.25 2.25H7A2.25 2.25 0 0 0 9.25 7V4.25A2.25 2.25 0 0 0 7 2H4.25Zm0 1.5a.75.75 0 0 0-.75.75V7c0 .414.336.75.75.75H7A.75.75 0 0 0 7.75 7V4.25A.75.75 0 0 0 7 3.5H4.25Zm6.5 9.5A2.25 2.25 0 0 1 13 10.75h2.75A2.25 2.25 0 0 1 18 13v2.75A2.25 2.25 0 0 1 15.75 18H13a2.25 2.25 0 0 1-2.25-2.25V13Zm1.5 0a.75.75 0 0 1 .75-.75h2.75a.75.75 0 0 1 .75.75v2.75a.75.75 0 0 1-.75.75H13a.75.75 0 0 1-.75-.75V13Zm2.25-5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-8.22 8.28a.75.75 0 1 1-1.06-1.06L6.44 15H2.75a.75.75 0 0 1 0-1.5h3.69l-1.22-1.22a.75.75 0 1 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5Z"},"children":[]}],"metadata":""}]},"name":"move-space"};
+
+export default MoveSpace;

package/src/icons/ast/PanelAdd.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const PanelAdd: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 15.75A2.25 2.25 0 0 0 4.25 18h3a.75.75 0 0 0 0-1.5h-3a.75.75 0 0 1-.75-.75V4.25a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v3a.75.75 0 0 0 1.5 0v-3A2.25 2.25 0 0 0 15.75 2H4.25A2.25 2.25 0 0 0 2 4.25v11.5Zm10.863-5.39a2.503 2.503 0 1 0 0 5.007 2.503 2.503 0 0 0 0-5.007Zm2.206 5.676a3.863 3.863 0 1 1 .963-.96l1.768 1.763a.68.68 0 1 1-.96.963l-1.771-1.766Z","fill":"#51616C"},"children":[]}],"metadata":""}]},"name":"panel-add"};
+const PanelAdd: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 15.75A2.25 2.25 0 0 0 4.25 18h3a.75.75 0 0 0 0-1.5h-3a.75.75 0 0 1-.75-.75V4.25a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v3a.75.75 0 0 0 1.5 0v-3A2.25 2.25 0 0 0 15.75 2H4.25A2.25 2.25 0 0 0 2 4.25v11.5Zm10.863-5.39a2.503 2.503 0 1 0 0 5.007 2.503 2.503 0 0 0 0-5.007Zm2.206 5.676a3.863 3.863 0 1 1 .963-.96l1.768 1.763a.68.68 0 1 1-.96.963l-1.771-1.766Z"},"children":[]}],"metadata":""}]},"name":"panel-add"};
 
 export default PanelAdd;

package/src/icons/ast/RuleScheduled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const RuleScheduled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.333 8.558 9.167 6.15a1.667 1.667 0 0 0-2.5 1.442v4.816a1.666 1.666 0 0 0 2.5 1.442l4.166-2.408a1.667 1.667 0 0 0 0-2.884ZM12.5 10l-4.167 2.408V7.592L12.5 10ZM10 1.667a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.334Z"},"children":[]}],"metadata":""}]},"name":"rule-scheduled"};
+
+export default RuleScheduled;

package/src/icons/ast/SearchAdd.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SearchAdd: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2.75 4a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5H2.75Zm0 4a.75.75 0 0 0 0 1.5h4.5a.75.75 0 1 0 0-1.5h-4.5Zm10.113 7.727c.82 0 1.58-.256 2.206-.691l1.77 1.766a.68.68 0 0 0 .961-.963l-1.769-1.764a3.863 3.863 0 1 0-3.168 1.652Zm0-6.367a2.503 2.503 0 1 0 0 5.007 2.503 2.503 0 0 0 0-5.007Zm-9.018 7.468a.833.833 0 0 0 1.183 0l2.727-2.736a.837.837 0 0 0-1.183-1.184l-2.135 2.154-1.009-1.017a.836.836 0 1 0-1.183 1.184l1.6 1.6Z"},"children":[]}],"metadata":""}]},"name":"search-add"};
+
+export default SearchAdd;

package/src/icons/ast/SearchRemove.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SearchRemove: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2.75 4a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5H2.75Zm0 4a.75.75 0 0 0 0 1.5h4.5a.75.75 0 1 0 0-1.5h-4.5ZM16 11.5c0 .717-.216 1.384-.586 1.94l2.116 2.115a.75.75 0 0 1-1.06 1.06l-2.135-2.134A3.5 3.5 0 1 1 16 11.5Zm-1.5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-11.182 1a.75.75 0 1 0-1.06 1.06l1.06 1.061-1.06 1.061a.75.75 0 1 0 1.06 1.06l1.06-1.06 1.061 1.06a.75.75 0 1 0 1.061-1.06l-1.06-1.06L6.5 13.56A.75.75 0 0 0 5.44 12.5l-1.061 1.06-1.061-1.06Z"},"children":[]}],"metadata":""}]},"name":"search-remove"};
+
+export default SearchRemove;

package/src/icons/ast/Unlink.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Unlink: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M3.28 2.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.922 1.921a.75.75 0 1 0 1.061 1.06L10 11.062l6.72 6.72a.75.75 0 1 0 1.06-1.061L3.28 2.22Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M3.954 8.857a5.083 5.083 0 0 0 7.19 7.189l.612-.613a.75.75 0 1 0-1.06-1.06l-.614.612a3.583 3.583 0 1 1-5.067-5.067l.613-.613a.75.75 0 1 0-1.061-1.061l-.613.613ZM8.244 4.567a.75.75 0 1 0 1.06 1.06l.613-.612a3.583 3.583 0 0 1 5.068 5.067l-.613.613a.75.75 0 0 0 1.06 1.061l.614-.613a5.083 5.083 0 1 0-7.19-7.189l-.612.613Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M11.308 7.631a.75.75 0 1 0 1.06 1.06l.614-.612a.75.75 0 1 0-1.061-1.06l-.613.612Z"},"children":[]}],"metadata":""}]},"name":"unlink"};
+
+export default Unlink;

package/src/icons/ast/index.tsx

@@ -50,6 +50,7 @@ export { default as Chat } from './Chat';
 export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
+export { default as ClearInputFilled } from './ClearInputFilled';
 export { default as ClearValue } from './ClearValue';
 export { default as Clear } from './Clear';
 export { default as ClockAlarm } from './ClockAlarm';
@@ -71,6 +72,7 @@ export { default as DoubleArrowRight } from './DoubleArrowRight';
 export { default as DragBlockHandleSingle } from './DragBlockHandleSingle';
 export { default as DragBlockHandle } from './DragBlockHandle';
 export { default as DragHandle } from './DragHandle';
+export { default as Duplicate } from './Duplicate';
 export { default as DynamicFilterValue } from './DynamicFilterValue';
 export { default as Email } from './Email';
 export { default as EmojiDelete } from './EmojiDelete';
@@ -100,6 +102,7 @@ export { default as Github } from './Github';
 export { default as Gitlab } from './Gitlab';
 export { default as GlobeSimple } from './GlobeSimple';
 export { default as Globe } from './Globe';
+export { default as GoTo } from './GoTo';
 export { default as GoogleDrive } from './GoogleDrive';
 export { default as GoogleMap } from './GoogleMap';
 export { default as HeadphonesAi } from './HeadphonesAi';
@@ -145,6 +148,7 @@ export { default as More } from './More';
 export { default as MoveBottom } from './MoveBottom';
 export { default as MoveLeft } from './MoveLeft';
 export { default as MoveRight } from './MoveRight';
+export { default as MoveSpace } from './MoveSpace';
 export { default as MoveTop } from './MoveTop';
 export { default as MySpace } from './MySpace';
 export { default as NetworkAdd } from './NetworkAdd';
@@ -217,6 +221,9 @@ export { default as RicheditorUnlink } from './RicheditorUnlink';
 export { default as RicheditorVideoUpload } from './RicheditorVideoUpload';
 export { default as RightPanel } from './RightPanel';
 export { default as Rows } from './Rows';
+export { default as RuleScheduled } from './RuleScheduled';
+export { default as SearchAdd } from './SearchAdd';
+export { default as SearchRemove } from './SearchRemove';
 export { default as Search } from './Search';
 export { default as SelfReferenceOff } from './SelfReferenceOff';
 export { default as SelfReferenceOn } from './SelfReferenceOn';
@@ -274,6 +281,7 @@ export { default as UnitsInput } from './UnitsInput';
 export { default as UnitsProgressBar } from './UnitsProgressBar';
 export { default as UnitsRichText } from './UnitsRichText';
 export { default as UnitsSnippet } from './UnitsSnippet';
+export { default as Unlink } from './Unlink';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
 export { default as UserRole } from './UserRole';

package/src/icons/react/ClearInputFilled.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import ClearInputFilledSvg from '../ast/ClearInputFilled';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ClearInputFilled = forwardRef<SVGSVGElement, IconBaseProps>(function ClearInputFilled(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ClearInputFilledSvg} />});
+
+export default ClearInputFilled;

package/src/icons/react/Duplicate.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import DuplicateSvg from '../ast/Duplicate';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Duplicate = forwardRef<SVGSVGElement, IconBaseProps>(function Duplicate(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={DuplicateSvg} />});
+
+export default Duplicate;

package/src/icons/react/GoTo.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import GoToSvg from '../ast/GoTo';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const GoTo = forwardRef<SVGSVGElement, IconBaseProps>(function GoTo(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={GoToSvg} />});
+
+export default GoTo;

package/src/icons/react/MoveSpace.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import MoveSpaceSvg from '../ast/MoveSpace';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const MoveSpace = forwardRef<SVGSVGElement, IconBaseProps>(function MoveSpace(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={MoveSpaceSvg} />});
+
+export default MoveSpace;

package/src/icons/react/RuleScheduled.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import RuleScheduledSvg from '../ast/RuleScheduled';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const RuleScheduled = forwardRef<SVGSVGElement, IconBaseProps>(function RuleScheduled(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={RuleScheduledSvg} />});
+
+export default RuleScheduled;

package/src/icons/react/SearchAdd.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import SearchAddSvg from '../ast/SearchAdd';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const SearchAdd = forwardRef<SVGSVGElement, IconBaseProps>(function SearchAdd(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={SearchAddSvg} />});
+
+export default SearchAdd;

package/src/icons/react/SearchRemove.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import SearchRemoveSvg from '../ast/SearchRemove';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const SearchRemove = forwardRef<SVGSVGElement, IconBaseProps>(function SearchRemove(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={SearchRemoveSvg} />});
+
+export default SearchRemove;

package/src/icons/react/Unlink.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UnlinkSvg from '../ast/Unlink';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Unlink = forwardRef<SVGSVGElement, IconBaseProps>(function Unlink(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UnlinkSvg} />});
+
+export default Unlink;

package/src/icons/react/index.tsx

@@ -50,6 +50,7 @@ export { default as Chat } from './Chat';
 export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
+export { default as ClearInputFilled } from './ClearInputFilled';
 export { default as ClearValue } from './ClearValue';
 export { default as Clear } from './Clear';
 export { default as ClockAlarm } from './ClockAlarm';
@@ -71,6 +72,7 @@ export { default as DoubleArrowRight } from './DoubleArrowRight';
 export { default as DragBlockHandleSingle } from './DragBlockHandleSingle';
 export { default as DragBlockHandle } from './DragBlockHandle';
 export { default as DragHandle } from './DragHandle';
+export { default as Duplicate } from './Duplicate';
 export { default as DynamicFilterValue } from './DynamicFilterValue';
 export { default as Email } from './Email';
 export { default as EmojiDelete } from './EmojiDelete';
@@ -100,6 +102,7 @@ export { default as Github } from './Github';
 export { default as Gitlab } from './Gitlab';
 export { default as GlobeSimple } from './GlobeSimple';
 export { default as Globe } from './Globe';
+export { default as GoTo } from './GoTo';
 export { default as GoogleDrive } from './GoogleDrive';
 export { default as GoogleMap } from './GoogleMap';
 export { default as HeadphonesAi } from './HeadphonesAi';
@@ -145,6 +148,7 @@ export { default as More } from './More';
 export { default as MoveBottom } from './MoveBottom';
 export { default as MoveLeft } from './MoveLeft';
 export { default as MoveRight } from './MoveRight';
+export { default as MoveSpace } from './MoveSpace';
 export { default as MoveTop } from './MoveTop';
 export { default as MySpace } from './MySpace';
 export { default as NetworkAdd } from './NetworkAdd';
@@ -217,6 +221,9 @@ export { default as RicheditorUnlink } from './RicheditorUnlink';
 export { default as RicheditorVideoUpload } from './RicheditorVideoUpload';
 export { default as RightPanel } from './RightPanel';
 export { default as Rows } from './Rows';
+export { default as RuleScheduled } from './RuleScheduled';
+export { default as SearchAdd } from './SearchAdd';
+export { default as SearchRemove } from './SearchRemove';
 export { default as Search } from './Search';
 export { default as SelfReferenceOff } from './SelfReferenceOff';
 export { default as SelfReferenceOn } from './SelfReferenceOn';
@@ -274,6 +281,7 @@ export { default as UnitsInput } from './UnitsInput';
 export { default as UnitsProgressBar } from './UnitsProgressBar';
 export { default as UnitsRichText } from './UnitsRichText';
 export { default as UnitsSnippet } from './UnitsSnippet';
+export { default as Unlink } from './Unlink';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
 export { default as UserRole } from './UserRole';

package/src/select/select-in-popover.tsx

@@ -29,6 +29,7 @@ import {
 import {SelectControlSettingsProvider} from "./select-control-settings-context";
 import {Menu} from "./custom-select-partials/menu";
 import {useIsPhone} from "../use-is-phone";
+import {useControllableState} from "@fibery/react/src/use-controllable-state";
 
 const offset = [0, space.s4] as [number, number];
 const popupHeightVH = 45;
@@ -124,8 +125,8 @@ export const selectInPopupStyles = {
 export type TriggerProps = {
   innerRef: React.Ref<HTMLDivElement>;
   children: ReactNode;
-  onClick: React.MouseEventHandler;
-  onKeyDown: React.KeyboardEventHandler;
+  onClick?: React.MouseEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
   disabled?: boolean;
 };
 
@@ -181,6 +182,7 @@ type Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = {
   onMenuOpen?: () => void;
   onMenuClose?: () => void | boolean;
   getPopupContainer?: () => HTMLElement;
+  onSelectKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
 };
 
 function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends GroupBase<Option>>(
@@ -190,7 +192,7 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
   const {
     value,
     virtualized,
-    menuIsOpen = false,
+    menuIsOpen,
     autoFocus,
     defaultMenuIsOpen,
     placeholder,
@@ -216,9 +218,16 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
     onMenuOpen,
     onMenuClose,
     getPopupContainer,
+    onSelectKeyDown,
   } = props;
   const [triggerElement, setTriggerElement] = useState<HTMLDivElement | null>(null);
-  const [visible, setVisible] = useState(menuIsOpen);
+  const [visible, setVisible] = useControllableState({
+    value: menuIsOpen,
+    defaultValue: false,
+    onChange: (value) => {
+      return value ? onMenuOpen?.() : onMenuClose?.();
+    },
+  });
   const blurTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
   const selectRef = useRef<{focus: () => void}>(null);
   const ref = useRef<HTMLDivElement | null>(null);
@@ -252,7 +261,7 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
         triggerElement?.focus();
       }
     },
-    [onMenuClose, triggerElement]
+    [onMenuClose, setVisible, triggerElement]
   );
 
   useEffect(() => {
@@ -278,7 +287,7 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
     if (onMenuOpen) {
       onMenuOpen();
     }
-  }, [onMenuOpen]);
+  }, [onMenuOpen, setVisible]);
 
   const styles = useMemo(() => {
     return combineStyles<Option, IsMulti, Group>([selectInPopupStyles, selectStyles]);
@@ -358,6 +367,7 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
                   event.preventDefault();
                   event.stopPropagation();
                 }
+                onSelectKeyDown?.(event);
               }}
               autoFocus={autoFocus}
               onBlur={() => {