@edifice.io/react 2.2.11-develop-enabling.20250704181048 → 2.2.11-develop-enabling.20250707100621

package/dist/components/Button/Button.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { LoadingIcon, LoadingPosition } from '../Loading';
 export type ButtonRef = HTMLButtonElement;
 export type ButtonTypes = 'button' | 'submit' | 'reset';
-export type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'danger';
+export type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'black';
 export type ButtonVariants = 'filled' | 'outline' | 'ghost';
 export type ButtonSizes = 'sm' | 'md' | 'lg';
 export interface ButtonProps extends React.ComponentPropsWithRef<'button'> {

package/dist/components/SearchBar/SearchBar.js

@@ -39,7 +39,20 @@ const SearchBar = ({
   };
   return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
     isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(SvgIconSearch, {}) }),
-    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, value, disabled, onKeyDown: handleKeyDown, ...restProps }),
+    /* @__PURE__ */ jsx(
+      FormControl.Input,
+      {
+        type: "search",
+        placeholder: t(placeholder),
+        size,
+        noValidationIcon: !0,
+        className: input,
+        onChange,
+        value,
+        disabled,
+        ...restProps
+      }
+    ),
     isVariant && clearable && value && onChange && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClear, className: "position-absolute end-0 top-50 translate-middle-y pe-12 bg-transparent border-0", "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, { className: "color-gray", style: {
       width: 12,
       height: 12

package/dist/icons.js

@@ -82,90 +82,91 @@ import { default as default82 } from "./modules/icons/components/IconMic.js";
 import { default as default83 } from "./modules/icons/components/IconMinus.js";
 import { default as default84 } from "./modules/icons/components/IconMove.js";
 import { default as default85 } from "./modules/icons/components/IconNoColors.js";
-import { default as default86 } from "./modules/icons/components/IconOptions.js";
-import { default as default87 } from "./modules/icons/components/IconOrderedList.js";
-import { default as default88 } from "./modules/icons/components/IconPaperclip.js";
-import { default as default89 } from "./modules/icons/components/IconPause.js";
-import { default as default90 } from "./modules/icons/components/IconPinOff.js";
-import { default as default91 } from "./modules/icons/components/IconPinOn.js";
-import { default as default92 } from "./modules/icons/components/IconPlaceholder.js";
-import { default as default93 } from "./modules/icons/components/IconPlayFilled.js";
-import { default as default94 } from "./modules/icons/components/IconPlay.js";
-import { default as default95 } from "./modules/icons/components/IconPlus.js";
-import { default as default96 } from "./modules/icons/components/IconPointerDefault.js";
-import { default as default97 } from "./modules/icons/components/IconPointerHand.js";
-import { default as default98 } from "./modules/icons/components/IconPrint.js";
-import { default as default99 } from "./modules/icons/components/IconQuestionMark.js";
-import { default as default100 } from "./modules/icons/components/IconQuestion.js";
-import { default as default101 } from "./modules/icons/components/IconRafterDown.js";
-import { default as default102 } from "./modules/icons/components/IconRafterLeft.js";
-import { default as default103 } from "./modules/icons/components/IconRafterRight.js";
-import { default as default104 } from "./modules/icons/components/IconRafterUp.js";
-import { default as default105 } from "./modules/icons/components/IconReaction.js";
-import { default as default106 } from "./modules/icons/components/IconReadMail.js";
-import { default as default107 } from "./modules/icons/components/IconRecordPause.js";
-import { default as default108 } from "./modules/icons/components/IconRecordStop.js";
-import { default as default109 } from "./modules/icons/components/IconRecordVideo.js";
-import { default as default110 } from "./modules/icons/components/IconRecord.js";
-import { default as default111 } from "./modules/icons/components/IconRedo.js";
-import { default as default112 } from "./modules/icons/components/IconRefresh.js";
-import { default as default113 } from "./modules/icons/components/IconReset.js";
-import { default as default114 } from "./modules/icons/components/IconRestart.js";
-import { default as default115 } from "./modules/icons/components/IconRestore.js";
-import { default as default116 } from "./modules/icons/components/IconSave.js";
-import { default as default117 } from "./modules/icons/components/IconSearch.js";
-import { default as default118 } from "./modules/icons/components/IconSee.js";
-import { default as default119 } from "./modules/icons/components/IconSend.js";
-import { default as default120 } from "./modules/icons/components/IconSetBackground.js";
-import { default as default121 } from "./modules/icons/components/IconSettings.js";
-import { default as default122 } from "./modules/icons/components/IconShare.js";
-import { default as default123 } from "./modules/icons/components/IconSignature.js";
-import { default as default124 } from "./modules/icons/components/IconSmartphone.js";
-import { default as default125 } from "./modules/icons/components/IconSmiley.js";
-import { default as default126 } from "./modules/icons/components/IconSortAscendingLetters.js";
-import { default as default127 } from "./modules/icons/components/IconSortDescendingLetters.js";
-import { default as default128 } from "./modules/icons/components/IconSortDescending.js";
-import { default as default129 } from "./modules/icons/components/IconSortTime.js";
-import { default as default130 } from "./modules/icons/components/IconSpeechToText.js";
-import { default as default131 } from "./modules/icons/components/IconSplitCells.js";
-import { default as default132 } from "./modules/icons/components/IconSquareRoot.js";
-import { default as default133 } from "./modules/icons/components/IconStarFull.js";
-import { default as default134 } from "./modules/icons/components/IconStar.js";
-import { default as default135 } from "./modules/icons/components/IconSubscript.js";
-import { default as default136 } from "./modules/icons/components/IconSuccessFill.js";
-import { default as default137 } from "./modules/icons/components/IconSuccessOutline.js";
-import { default as default138 } from "./modules/icons/components/IconSuperscript.js";
-import { default as default139 } from "./modules/icons/components/IconTable.js";
-import { default as default140 } from "./modules/icons/components/IconTextBold.js";
-import { default as default141 } from "./modules/icons/components/IconTextColor.js";
-import { default as default142 } from "./modules/icons/components/IconTextHighlight.js";
-import { default as default143 } from "./modules/icons/components/IconTextItalic.js";
-import { default as default144 } from "./modules/icons/components/IconTextPage.js";
-import { default as default145 } from "./modules/icons/components/IconTextSize.js";
-import { default as default146 } from "./modules/icons/components/IconTextToSpeechOff.js";
-import { default as default147 } from "./modules/icons/components/IconTextToSpeech.js";
-import { default as default148 } from "./modules/icons/components/IconTextTypo.js";
-import { default as default149 } from "./modules/icons/components/IconTextUnderline.js";
-import { default as default150 } from "./modules/icons/components/IconTextVanilla.js";
-import { default as default151 } from "./modules/icons/components/IconToolCenter.js";
-import { default as default152 } from "./modules/icons/components/IconTool.js";
-import { default as default153 } from "./modules/icons/components/IconTrendingUp.js";
-import { default as default154 } from "./modules/icons/components/IconUndoAll.js";
-import { default as default155 } from "./modules/icons/components/IconUndo.js";
-import { default as default156 } from "./modules/icons/components/IconUnlink.js";
-import { default as default157 } from "./modules/icons/components/IconUnlock.js";
-import { default as default158 } from "./modules/icons/components/IconUnreadMail.js";
-import { default as default159 } from "./modules/icons/components/IconUpload.js";
-import { default as default160 } from "./modules/icons/components/IconUserSearch.js";
-import { default as default161 } from "./modules/icons/components/IconUser.js";
-import { default as default162 } from "./modules/icons/components/IconUsers.js";
-import { default as default163 } from "./modules/icons/components/IconVideo.js";
-import { default as default164 } from "./modules/icons/components/IconViewCalendar.js";
-import { default as default165 } from "./modules/icons/components/IconViewList.js";
-import { default as default166 } from "./modules/icons/components/IconWand.js";
-import { default as default167 } from "./modules/icons/components/IconWrite.js";
-import { default as default168 } from "./modules/icons/components/IconZoomIn.js";
-import { default as default169 } from "./modules/icons/components/IconZoomOut.js";
+import { default as default86 } from "./modules/icons/components/IconNotification.js";
+import { default as default87 } from "./modules/icons/components/IconOptions.js";
+import { default as default88 } from "./modules/icons/components/IconOrderedList.js";
+import { default as default89 } from "./modules/icons/components/IconPaperclip.js";
+import { default as default90 } from "./modules/icons/components/IconPause.js";
+import { default as default91 } from "./modules/icons/components/IconPinOff.js";
+import { default as default92 } from "./modules/icons/components/IconPinOn.js";
+import { default as default93 } from "./modules/icons/components/IconPlaceholder.js";
+import { default as default94 } from "./modules/icons/components/IconPlayFilled.js";
+import { default as default95 } from "./modules/icons/components/IconPlay.js";
+import { default as default96 } from "./modules/icons/components/IconPlus.js";
+import { default as default97 } from "./modules/icons/components/IconPointerDefault.js";
+import { default as default98 } from "./modules/icons/components/IconPointerHand.js";
+import { default as default99 } from "./modules/icons/components/IconPrint.js";
+import { default as default100 } from "./modules/icons/components/IconQuestionMark.js";
+import { default as default101 } from "./modules/icons/components/IconQuestion.js";
+import { default as default102 } from "./modules/icons/components/IconRafterDown.js";
+import { default as default103 } from "./modules/icons/components/IconRafterLeft.js";
+import { default as default104 } from "./modules/icons/components/IconRafterRight.js";
+import { default as default105 } from "./modules/icons/components/IconRafterUp.js";
+import { default as default106 } from "./modules/icons/components/IconReaction.js";
+import { default as default107 } from "./modules/icons/components/IconReadMail.js";
+import { default as default108 } from "./modules/icons/components/IconRecordPause.js";
+import { default as default109 } from "./modules/icons/components/IconRecordStop.js";
+import { default as default110 } from "./modules/icons/components/IconRecordVideo.js";
+import { default as default111 } from "./modules/icons/components/IconRecord.js";
+import { default as default112 } from "./modules/icons/components/IconRedo.js";
+import { default as default113 } from "./modules/icons/components/IconRefresh.js";
+import { default as default114 } from "./modules/icons/components/IconReset.js";
+import { default as default115 } from "./modules/icons/components/IconRestart.js";
+import { default as default116 } from "./modules/icons/components/IconRestore.js";
+import { default as default117 } from "./modules/icons/components/IconSave.js";
+import { default as default118 } from "./modules/icons/components/IconSearch.js";
+import { default as default119 } from "./modules/icons/components/IconSee.js";
+import { default as default120 } from "./modules/icons/components/IconSend.js";
+import { default as default121 } from "./modules/icons/components/IconSetBackground.js";
+import { default as default122 } from "./modules/icons/components/IconSettings.js";
+import { default as default123 } from "./modules/icons/components/IconShare.js";
+import { default as default124 } from "./modules/icons/components/IconSignature.js";
+import { default as default125 } from "./modules/icons/components/IconSmartphone.js";
+import { default as default126 } from "./modules/icons/components/IconSmiley.js";
+import { default as default127 } from "./modules/icons/components/IconSortAscendingLetters.js";
+import { default as default128 } from "./modules/icons/components/IconSortDescendingLetters.js";
+import { default as default129 } from "./modules/icons/components/IconSortDescending.js";
+import { default as default130 } from "./modules/icons/components/IconSortTime.js";
+import { default as default131 } from "./modules/icons/components/IconSpeechToText.js";
+import { default as default132 } from "./modules/icons/components/IconSplitCells.js";
+import { default as default133 } from "./modules/icons/components/IconSquareRoot.js";
+import { default as default134 } from "./modules/icons/components/IconStarFull.js";
+import { default as default135 } from "./modules/icons/components/IconStar.js";
+import { default as default136 } from "./modules/icons/components/IconSubscript.js";
+import { default as default137 } from "./modules/icons/components/IconSuccessFill.js";
+import { default as default138 } from "./modules/icons/components/IconSuccessOutline.js";
+import { default as default139 } from "./modules/icons/components/IconSuperscript.js";
+import { default as default140 } from "./modules/icons/components/IconTable.js";
+import { default as default141 } from "./modules/icons/components/IconTextBold.js";
+import { default as default142 } from "./modules/icons/components/IconTextColor.js";
+import { default as default143 } from "./modules/icons/components/IconTextHighlight.js";
+import { default as default144 } from "./modules/icons/components/IconTextItalic.js";
+import { default as default145 } from "./modules/icons/components/IconTextPage.js";
+import { default as default146 } from "./modules/icons/components/IconTextSize.js";
+import { default as default147 } from "./modules/icons/components/IconTextToSpeechOff.js";
+import { default as default148 } from "./modules/icons/components/IconTextToSpeech.js";
+import { default as default149 } from "./modules/icons/components/IconTextTypo.js";
+import { default as default150 } from "./modules/icons/components/IconTextUnderline.js";
+import { default as default151 } from "./modules/icons/components/IconTextVanilla.js";
+import { default as default152 } from "./modules/icons/components/IconToolCenter.js";
+import { default as default153 } from "./modules/icons/components/IconTool.js";
+import { default as default154 } from "./modules/icons/components/IconTrendingUp.js";
+import { default as default155 } from "./modules/icons/components/IconUndoAll.js";
+import { default as default156 } from "./modules/icons/components/IconUndo.js";
+import { default as default157 } from "./modules/icons/components/IconUnlink.js";
+import { default as default158 } from "./modules/icons/components/IconUnlock.js";
+import { default as default159 } from "./modules/icons/components/IconUnreadMail.js";
+import { default as default160 } from "./modules/icons/components/IconUpload.js";
+import { default as default161 } from "./modules/icons/components/IconUserSearch.js";
+import { default as default162 } from "./modules/icons/components/IconUser.js";
+import { default as default163 } from "./modules/icons/components/IconUsers.js";
+import { default as default164 } from "./modules/icons/components/IconVideo.js";
+import { default as default165 } from "./modules/icons/components/IconViewCalendar.js";
+import { default as default166 } from "./modules/icons/components/IconViewList.js";
+import { default as default167 } from "./modules/icons/components/IconWand.js";
+import { default as default168 } from "./modules/icons/components/IconWrite.js";
+import { default as default169 } from "./modules/icons/components/IconZoomIn.js";
+import { default as default170 } from "./modules/icons/components/IconZoomOut.js";
 export {
   default3 as IconAdd,
   default2 as IconAddUser,
@@ -251,88 +252,89 @@ export {
   default83 as IconMinus,
   default84 as IconMove,
   default85 as IconNoColors,
-  default86 as IconOptions,
-  default87 as IconOrderedList,
-  default88 as IconPaperclip,
-  default89 as IconPause,
-  default90 as IconPinOff,
-  default91 as IconPinOn,
-  default92 as IconPlaceholder,
-  default94 as IconPlay,
-  default93 as IconPlayFilled,
-  default95 as IconPlus,
-  default96 as IconPointerDefault,
-  default97 as IconPointerHand,
-  default98 as IconPrint,
-  default100 as IconQuestion,
-  default99 as IconQuestionMark,
-  default101 as IconRafterDown,
-  default102 as IconRafterLeft,
-  default103 as IconRafterRight,
-  default104 as IconRafterUp,
-  default105 as IconReaction,
-  default106 as IconReadMail,
-  default110 as IconRecord,
-  default107 as IconRecordPause,
-  default108 as IconRecordStop,
-  default109 as IconRecordVideo,
-  default111 as IconRedo,
-  default112 as IconRefresh,
-  default113 as IconReset,
-  default114 as IconRestart,
-  default115 as IconRestore,
-  default116 as IconSave,
-  default117 as IconSearch,
-  default118 as IconSee,
-  default119 as IconSend,
-  default120 as IconSetBackground,
-  default121 as IconSettings,
-  default122 as IconShare,
-  default123 as IconSignature,
-  default124 as IconSmartphone,
-  default125 as IconSmiley,
-  default126 as IconSortAscendingLetters,
-  default128 as IconSortDescending,
-  default127 as IconSortDescendingLetters,
-  default129 as IconSortTime,
-  default130 as IconSpeechToText,
-  default131 as IconSplitCells,
-  default132 as IconSquareRoot,
-  default134 as IconStar,
-  default133 as IconStarFull,
-  default135 as IconSubscript,
-  default136 as IconSuccessFill,
-  default137 as IconSuccessOutline,
-  default138 as IconSuperscript,
-  default139 as IconTable,
-  default140 as IconTextBold,
-  default141 as IconTextColor,
-  default142 as IconTextHighlight,
-  default143 as IconTextItalic,
-  default144 as IconTextPage,
-  default145 as IconTextSize,
-  default147 as IconTextToSpeech,
-  default146 as IconTextToSpeechOff,
-  default148 as IconTextTypo,
-  default149 as IconTextUnderline,
-  default150 as IconTextVanilla,
-  default152 as IconTool,
-  default151 as IconToolCenter,
-  default153 as IconTrendingUp,
-  default155 as IconUndo,
-  default154 as IconUndoAll,
-  default156 as IconUnlink,
-  default157 as IconUnlock,
-  default158 as IconUnreadMail,
-  default159 as IconUpload,
-  default161 as IconUser,
-  default160 as IconUserSearch,
-  default162 as IconUsers,
-  default163 as IconVideo,
-  default164 as IconViewCalendar,
-  default165 as IconViewList,
-  default166 as IconWand,
-  default167 as IconWrite,
-  default168 as IconZoomIn,
-  default169 as IconZoomOut
+  default86 as IconNotification,
+  default87 as IconOptions,
+  default88 as IconOrderedList,
+  default89 as IconPaperclip,
+  default90 as IconPause,
+  default91 as IconPinOff,
+  default92 as IconPinOn,
+  default93 as IconPlaceholder,
+  default95 as IconPlay,
+  default94 as IconPlayFilled,
+  default96 as IconPlus,
+  default97 as IconPointerDefault,
+  default98 as IconPointerHand,
+  default99 as IconPrint,
+  default101 as IconQuestion,
+  default100 as IconQuestionMark,
+  default102 as IconRafterDown,
+  default103 as IconRafterLeft,
+  default104 as IconRafterRight,
+  default105 as IconRafterUp,
+  default106 as IconReaction,
+  default107 as IconReadMail,
+  default111 as IconRecord,
+  default108 as IconRecordPause,
+  default109 as IconRecordStop,
+  default110 as IconRecordVideo,
+  default112 as IconRedo,
+  default113 as IconRefresh,
+  default114 as IconReset,
+  default115 as IconRestart,
+  default116 as IconRestore,
+  default117 as IconSave,
+  default118 as IconSearch,
+  default119 as IconSee,
+  default120 as IconSend,
+  default121 as IconSetBackground,
+  default122 as IconSettings,
+  default123 as IconShare,
+  default124 as IconSignature,
+  default125 as IconSmartphone,
+  default126 as IconSmiley,
+  default127 as IconSortAscendingLetters,
+  default129 as IconSortDescending,
+  default128 as IconSortDescendingLetters,
+  default130 as IconSortTime,
+  default131 as IconSpeechToText,
+  default132 as IconSplitCells,
+  default133 as IconSquareRoot,
+  default135 as IconStar,
+  default134 as IconStarFull,
+  default136 as IconSubscript,
+  default137 as IconSuccessFill,
+  default138 as IconSuccessOutline,
+  default139 as IconSuperscript,
+  default140 as IconTable,
+  default141 as IconTextBold,
+  default142 as IconTextColor,
+  default143 as IconTextHighlight,
+  default144 as IconTextItalic,
+  default145 as IconTextPage,
+  default146 as IconTextSize,
+  default148 as IconTextToSpeech,
+  default147 as IconTextToSpeechOff,
+  default149 as IconTextTypo,
+  default150 as IconTextUnderline,
+  default151 as IconTextVanilla,
+  default153 as IconTool,
+  default152 as IconToolCenter,
+  default154 as IconTrendingUp,
+  default156 as IconUndo,
+  default155 as IconUndoAll,
+  default157 as IconUnlink,
+  default158 as IconUnlock,
+  default159 as IconUnreadMail,
+  default160 as IconUpload,
+  default162 as IconUser,
+  default161 as IconUserSearch,
+  default163 as IconUsers,
+  default164 as IconVideo,
+  default165 as IconViewCalendar,
+  default166 as IconViewList,
+  default167 as IconWand,
+  default168 as IconWrite,
+  default169 as IconZoomIn,
+  default170 as IconZoomOut
 };

package/dist/modules/icons/components/IconNotification.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconNotification: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconNotification;

package/dist/modules/icons/components/IconNotification.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconNotification = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 64 64", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { d: "M32 10c-2.338 0-3.693 1.605-4.361 3.086-3.608.724-9.901 3.87-10.68 11.656-.293 4.592-.84 13.142-3.896 14.559a2 2 0 0 0-.573.398C12.235 39.954 10 42.294 10 46a2 2 0 0 0 2 2h13.258c.394 3.373 3.265 6 6.742 6s6.348-2.627 6.742-6H52a2 2 0 0 0 2-2c0-3.706-2.235-6.046-2.49-6.3a2 2 0 0 0-.572-.401c-3.056-1.417-3.605-9.965-3.905-14.63-.775-7.723-7.067-10.862-10.674-11.585C35.692 11.604 34.338 10 32 10m0 4c.603 0 .767.62.887 1.256.177.935.997 1.658 1.97 1.658.074 0 7.455.736 8.192 8.084.509 7.934 1.34 15.253 5.789 17.719.187.24.496.684.748 1.283H14.414a5.8 5.8 0 0 1 .744-1.281c4.451-2.464 5.284-9.784 5.787-17.649.743-7.42 8.124-8.156 8.198-8.156.957 0 1.791-.758 1.966-1.639.123-.615.287-1.275.891-1.275m-2.664 34h5.328A2.79 2.79 0 0 1 32 50a2.79 2.79 0 0 1-2.664-2" })
+] });
+export {
+  SvgIconNotification as default
+};

package/dist/modules/icons/components/IconStarFavorite.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconStarFavorite: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconStarFavorite;

package/dist/modules/icons/components/apps/IconNabook.js

@@ -3,11 +3,10 @@ const SvgIconNabook = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 500 500", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", viewBox: "0 0 500 500", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
   title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("rect", { width: 500, height: 500, fill: "#120D37", rx: 30 }),
-  /* @__PURE__ */ jsx("path", { fill: "#066", d: "m363.4 100.712 18.319 264.583-100.438 21.778-71.561-134.076 9.084 144.502-87.235 10.711-26.773-275.746 96.357-16.554 84.212 131.341-13.084-132.203z" }),
-  /* @__PURE__ */ jsx("path", { fill: "#0FC", d: "m362.279 87.72 18.318 264.583-100.438 21.777-71.561-134.075 9.084 144.501-87.235 10.711-26.773-275.745 96.357-16.554 84.212 131.341-13.084-132.203z" })
+  /* @__PURE__ */ jsx("path", { d: "m363.4 100.712 18.319 264.583-100.438 21.778-71.561-134.076 9.084 144.502-87.235 10.711-26.773-275.746 96.357-16.554 84.212 131.341-13.084-132.203z" }),
+  /* @__PURE__ */ jsx("path", { d: "m362.279 87.72 18.318 264.583-100.438 21.777-71.561-134.075 9.084 144.501-87.235 10.711-26.773-275.745 96.357-16.554 84.212 131.341-13.084-132.203z" })
 ] });
 export {
   SvgIconNabook as default

package/dist/modules/icons/components/index.d.ts

@@ -82,6 +82,7 @@ export { default as IconMic } from './IconMic';
 export { default as IconMinus } from './IconMinus';
 export { default as IconMove } from './IconMove';
 export { default as IconNoColors } from './IconNoColors';
+export { default as IconNotification } from './IconNotification';
 export { default as IconOptions } from './IconOptions';
 export { default as IconOrderedList } from './IconOrderedList';
 export { default as IconPaperclip } from './IconPaperclip';

package/dist/modules/modals/OnboardingModal/OnboardingModal.d.ts

@@ -34,13 +34,16 @@ interface ModalOptionsProps {
      */
     closeText?: string;
 }
+export interface OnboardingModalRef {
+    setIsOpen: (isOpen: boolean) => void;
+    handleSavePreference: () => void;
+}
 interface OnboardingProps {
     id: string;
     items: ModalItemsProps[];
     modalOptions?: ModalOptionsProps;
+    defaultOpen?: boolean;
+    isOnboardingChange?: (isOnboarding: boolean) => void;
 }
-declare const OnboardingModal: {
-    ({ id, items, modalOptions }: OnboardingProps): import('react').ReactPortal | null;
-    displayName: string;
-};
+declare const OnboardingModal: import('react').ForwardRefExoticComponent<OnboardingProps & import('react').RefAttributes<OnboardingModalRef>>;
 export default OnboardingModal;

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import { Pagination } from "swiper/modules";
@@ -8,19 +8,26 @@ import { useOnboardingModal } from "./useOnboardingModal.js";
 import Modal from "../../../components/Modal/Modal.js";
 import Image from "../../../components/Image/Image.js";
 import Button from "../../../components/Button/Button.js";
-const OnboardingModal = ({
+const OnboardingModal = /* @__PURE__ */ forwardRef(({
   id,
   items,
-  modalOptions = {}
-}) => {
+  modalOptions = {},
+  defaultOpen = !0,
+  isOnboardingChange
+}, ref) => {
   var _a;
   const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
     isOpen,
     isOnboarding,
     setIsOpen,
     handleSavePreference
-  } = useOnboardingModal(id);
-  useEffect(() => {
+  } = useOnboardingModal(id, defaultOpen);
+  useImperativeHandle(ref, () => ({
+    setIsOpen,
+    handleSavePreference
+  })), useEffect(() => {
+    isOnboardingChange && isOnboardingChange(isOnboarding);
+  }, [isOnboarding, isOnboardingChange]), useEffect(() => {
     const link = document.createElement("link");
     return link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link), () => {
       document.head.removeChild(link);
@@ -33,9 +40,13 @@ const OnboardingModal = ({
     prevText,
     closeText,
     nextText
-  } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title;
-  return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
+  } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title, handleCloseWithPreference = () => {
+    handleSavePreference(), setSwiperprogress(0);
+  }, handleCloseWithoutPreference = () => {
+    setIsOpen(!1), setSwiperprogress(0);
+  };
+  return isOnboarding || !defaultOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
     }, onSlideChange: (swiper) => {
@@ -47,13 +58,15 @@ const OnboardingModal = ({
       /* @__PURE__ */ jsx("p", { className: "text-center", children: t(item.text) })
     ] }, index)) }) }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: () => setIsOpen(!1), children: t("explorer.modal.onboarding.trash.later") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
       swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
       swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
-      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: handleSavePreference, children: t(closeText || "explorer.modal.onboarding.trash.close") })
+      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: () => {
+        isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
+      }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
     ] })
   ] }), document.getElementById("portal")) : null;
-};
+});
 export {
   OnboardingModal as default
 };

package/dist/modules/modals/OnboardingModal/index.d.ts

@@ -1 +1,2 @@
 export { default as OnboardingModal } from './OnboardingModal';
+export type { OnboardingModalRef } from './OnboardingModal';

package/dist/modules/modals/OnboardingModal/useOnboardingModal.d.ts

@@ -1,4 +1,4 @@
-export declare const useOnboardingModal: (id: string) => {
+export declare const useOnboardingModal: (id: string, defaultOpen: boolean) => {
     isOpen: boolean;
     setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     isOnboarding: boolean;

package/dist/modules/modals/OnboardingModal/useOnboardingModal.js

@@ -2,8 +2,8 @@ import { useState, useEffect } from "react";
 import { odeServices } from "@edifice.io/client";
 const getOnboardingTrash = async (key) => await odeServices.conf().getPreference(key), saveOnboardingTrash = async (key) => await odeServices.conf().savePreference(key, JSON.stringify({
   key: !1
-})), useOnboardingModal = (id) => {
-  const [isOpen, setIsOpen] = useState(!0), [isOnboarding, setIsOnboarding] = useState(!1);
+})), useOnboardingModal = (id, defaultOpen) => {
+  const [isOpen, setIsOpen] = useState(defaultOpen), [isOnboarding, setIsOnboarding] = useState(!1);
   return useEffect(() => {
     (async () => {
       const response = await getOnboardingTrash(id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-enabling.20250704181048",
+  "version": "2.2.11-develop-enabling.20250707100621",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-enabling.20250704181048",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-enabling.20250704181048",
-    "@edifice.io/utilities": "2.2.11-develop-enabling.20250704181048"
+    "@edifice.io/bootstrap": "2.2.11-develop-enabling.20250707100621",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-enabling.20250707100621",
+    "@edifice.io/utilities": "2.2.11-develop-enabling.20250707100621"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/config": "2.2.11-develop-enabling.20250704181048",
-    "@edifice.io/client": "2.2.11-develop-enabling.20250704181048"
+    "@edifice.io/client": "2.2.11-develop-enabling.20250707100621",
+    "@edifice.io/config": "2.2.11-develop-enabling.20250707100621"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",