@noya-app/noya-designsystem 0.1.46 → 0.1.47

package/dist/index.mjs

@@ -3324,17 +3324,6 @@ var StyledDescription = forwardRef11(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var CloseButtonContainer = forwardRef11(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
-  "div",
-  {
-    ref,
-    className: cx(
-      `absolute top-dialog-padding right-dialog-padding z-[1] bg-popover-background p-[4px_6px] rounded-[2px] border border-[rgba(128,128,128,0.2)] `,
-      className
-    ),
-    ...props
-  }
-));
 var Dialog = forwardRef11(function Dialog2({
   children: children2,
   title,
@@ -3366,7 +3355,18 @@ var Dialog = forwardRef11(function Dialog2({
         onInteractOutside: (event) => event.preventDefault()
       }
     },
-    showCloseButton && /* @__PURE__ */ React21.createElement(CloseButtonContainer, null, /* @__PURE__ */ React21.createElement(DialogPrimitive.Close, { asChild: true }, /* @__PURE__ */ React21.createElement(IconButton, { iconName: "Cross1Icon" }))),
+    showCloseButton && /* @__PURE__ */ React21.createElement(DialogPrimitive.Close, { asChild: true }, /* @__PURE__ */ React21.createElement(
+      IconButton,
+      {
+        iconName: "Cross1Icon",
+        className: "z-[1]",
+        style: {
+          position: "absolute",
+          top: "var(--dialog-padding)",
+          right: "var(--dialog-padding)"
+        }
+      }
+    )),
     title && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(StyledTitle, null, title), /* @__PURE__ */ React21.createElement(Spacer.Vertical, { size: description ? 10 : 20 })),
     description && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(Spacer.Vertical, { size: 10 }), /* @__PURE__ */ React21.createElement(StyledDescription, null, description), /* @__PURE__ */ React21.createElement(Spacer.Vertical, { size: 20 })),
     children2
@@ -4556,6 +4556,23 @@ var DialogProvider = function DialogProvider2({
     });
     return promise;
   }, []);
+  const openCustomDialog = useCallback15(
+    (options) => {
+      const { promise, resolve } = createDeferredPromise();
+      setContents({
+        type: "custom",
+        title: options.title,
+        description: options.description,
+        children: options.children,
+        resolve: () => {
+          resolve();
+          setContents(void 0);
+        }
+      });
+      return promise;
+    },
+    []
+  );
   const handleKeyDown = useCallback15(
     (event) => {
       if (event.key !== "Enter") return;
@@ -4576,11 +4593,12 @@ var DialogProvider = function DialogProvider2({
     {
       value: useMemo11(
         () => ({
+          openDialog: openCustomDialog,
           openInputDialog: open,
           openConfirmationDialog: openConfirmation,
           containsElement
         }),
-        [containsElement, open, openConfirmation]
+        [containsElement, open, openConfirmation, openCustomDialog]
       )
     },
     children2
@@ -4631,11 +4649,11 @@ var DialogProvider = function DialogProvider2({
         }
       },
       "OK"
-    )) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(InputField.Root, null, /* @__PURE__ */ React29.createElement(
+    )) : contents?.type === "custom" ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, contents.children) : /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(InputField.Root, null, /* @__PURE__ */ React29.createElement(
       InputField.Input,
       {
         ref: inputRef,
-        placeholder: contents?.placeholder,
+        placeholder: contents?.type === "input" ? contents.placeholder : void 0,
         value: contents?.type === "input" ? contents.inputValue : "",
         onChange: (value) => {
           setContents(
@@ -4657,7 +4675,7 @@ var DialogProvider = function DialogProvider2({
     )))
   ));
 };
-function useDialog() {
+function useDialogContext() {
   const value = useContext3(DialogContext);
   if (!value) {
     throw new Error("Missing DialogProvider");
@@ -4665,13 +4683,16 @@ function useDialog() {
   return value;
 }
 function useOpenInputDialog() {
-  return useDialog().openInputDialog;
+  return useDialogContext().openInputDialog;
 }
 function useDialogContainsElement() {
-  return useDialog().containsElement;
+  return useDialogContext().containsElement;
 }
 function useOpenConfirmationDialog() {
-  return useDialog().openConfirmationDialog;
+  return useDialogContext().openConfirmationDialog;
+}
+function useOpenDialog() {
+  return useDialogContext().openDialog;
 }
 
 // src/contexts/FloatingWindowContext.tsx
@@ -14563,7 +14584,7 @@ var SearchCompletionMenu = forwardRef16(function SearchCompletionMenu2({
         borderRadius: 0,
         outline: "none",
         boxShadow: "none",
-        backgroundColor: "white",
+        backgroundColor: cssVars.colors.inputBackground,
         padding: "4px 12px"
       },
       onChange: setSearch,
@@ -16388,7 +16409,7 @@ var Switch = function Switch2({
         onChange(newValue);
       },
       className: cx(
-        "all-unset w-8 h-[19px] bg-active-background rounded-full relative cursor-pointer [webkit-tap-highlight-color:rgba(0,0,0,0)] focus:ring-2 focus:ring-primary focus:ring-offset-[1px] outline-none data-[state=checked]:bg-primary transition-all",
+        "all-unset w-8 h-[19px] bg-active-background rounded-full relative cursor-pointer ring-offset-background [webkit-tap-highlight-color:rgba(0,0,0,0)] focus:ring-2 focus:ring-primary focus:ring-offset-[1px] outline-none data-[state=checked]:bg-primary transition-all",
         colorScheme === "secondary" && "data-[state=checked]:bg-secondary",
         "focus:z-interactable",
         className
@@ -17481,6 +17502,7 @@ export {
   useCurrentFloatingWindowInternal,
   useDesignSystemConfiguration,
   useDialogContainsElement,
+  useDialogContext,
   useFloatingWindowManager,
   useGlobalInputBlur,
   useGlobalInputBlurListener,
@@ -17493,6 +17515,7 @@ export {
   useLabelPosition,
   useLabelWidth,
   useOpenConfirmationDialog,
+  useOpenDialog,
   useOpenInputDialog,
   usePlatform,
   usePlatformModKey,